react
小红同学5
岁月是一场有去无回的旅行,后的坏的都是风景
展开
-
创建React项目
1,安装好node.js 2,安装好npm3,创建react项目:安装脚手架,创建项目名,进入项目,启动项目 npm install -g create-react-app /*搭建一个全局的脚手架*/create-react-app my-demo /*创建项目 my-demo是项目名字*/cd my-demo ...原创 2018-09-27 12:34:11 · 736 阅读 · 0 评论 -
react➕antd【树形列表,右键出现菜单】
1,列表上右键事件 treeNodeonRightClick,代码中有2,自定义右键菜单内容 getNodeTreeRightClickMenu,代码中有3,return下面写入右键菜单内容 {this.getNodeTreeRightClickMenu()}4,效果图5,详细代码import React, { PureComponent } from 'react'...原创 2019-05-22 15:55:57 · 4958 阅读 · 1 评论 -
react➕antd中使用switch...case...
1,使用switch...case...效果2,主要代码 switch (num) { case 1 : return (<span>{}</span>); break; case 2 : return (<span> {}</span>); break; d...原创 2019-05-22 15:54:46 · 1466 阅读 · 1 评论 -
React+antd table中的每列内容换行
1,效果图如下2,分隔数组split(",")3,详细代码代码如下const leadsDetails = this.props.leadsDetails;const audits = JSON.stringify(leadsDetails) !== '[]' ? leadsDetails.audits : [];const auditsColumns = [ ...原创 2019-04-15 12:19:50 · 12713 阅读 · 1 评论 -
react +antd 报错text.split is not a function
21,table列换行报错text.split is not a function2,如果数组分隔处加上toString3,代码如下{ title: '内容', dataIndex: 'content', key: 'content', render: (text, record) =>{ let contentStr; let br=<br...原创 2019-04-15 12:14:57 · 1737 阅读 · 0 评论 -
react + antd Modal组件销毁属性使用
1,效果图如下2,多次添加清空from3,解决代码如下:destroyOnClose属性 关闭时销毁组件原创 2019-04-16 14:29:32 · 3014 阅读 · 2 评论 -
前端react-pdf-js插件显示
1,安装 react-pdf-js插件:npm install --save react-pdf-js2,代码如下import React, { PureComponent } from "react";import { connect } from "dva";import { Pagination,} from "antd";import PDF from 'react-pdf...原创 2019-01-17 16:34:16 · 2232 阅读 · 2 评论 -
React 获取 url 参数传值页面
handleSubmit = e => { e.preventDefault(); const { dispatch, form } = this.props; const isNewRecord = this.props.isNewRecord; // 获得URL参数 const query_params = new URLSearchPara...原创 2019-01-11 18:30:58 · 7507 阅读 · 0 评论 -
react数据双向绑定
1,page页面import React, { PureComponent } from 'react';import { findDOMNode } from 'react-dom';import {Link} from 'react-router-dom';import { connect } from 'dva';import { Radio, Input, Fo...原创 2018-12-17 14:31:29 · 604 阅读 · 2 评论 -
在antd中form 的rules限制输入为数字
<td>排序</td> <td> <FormItem> {getFieldDecorator('ordering', { rules: [{req...原创 2018-12-13 14:17:35 · 11037 阅读 · 0 评论 -
react跳转到外部链接
1,route.config.js配置 { path: '/wikipedia', icon:'table', name: "wikipedia", component:'./Result/RedirectTo', },2,在Result下面创建RedirectTo.js impor...原创 2018-11-05 18:57:33 · 15282 阅读 · 2 评论 -
Antd的table组件表格的序号自增
1,效果图 2,实现方法const columns = [ { title: '序号', render:(text,record,index)=>`${index+1}`, }, { title:'操作', dataIndex:'delete', key...原创 2018-11-09 16:58:12 · 27195 阅读 · 10 评论 -
Mac下react.js--npm start报错
报错如下:解决方法:删除node_moduless文件夹和package_lock.json(如果有),然后 npm install ,再npm start;如果还是报错就:删除node_moduless文件夹和package_lock.json(如果有),然后 npm install ,npm install umi --save-dev,再npm start;...原创 2018-10-08 16:32:23 · 987 阅读 · 0 评论 -
Mac系统下安装node.js和创建react项目
1,node官网下载https://nodejs.org/en/然后你会看见如下图片2, 安装:点击上面的任何一个都可以完成下载,下载完成之后找到文件,一路确定傻瓜式安装,到底然后就OK了。3,测试下是否安装成功: 打开Mac下的终端输入:node -v会出现版本号就说明成功了4,创建react项目 4.1,安装node.js...原创 2018-09-29 16:07:42 · 656 阅读 · 0 评论