欢迎留言~

项目antD版本：3.19使用antD的form来管理我们的表单的时候，我们有时候需要自定义规则校验某个字段，这个时候就可以在rules里面添加validator属性，指向我们定义的方法。<Form.Item label='下午结束时间'> {getFieldDecorator('pmEndTime', { initialValue: moment('18:00:00', 'HH:mm:ss'), rules: [

1.底层原理不一样：BrowserRouter使用的是H5的historyAPI，不兼容IE9及以下版本。HashRouter使用的是URL的哈希值。2.path表现形式不一样BrowserRouter的路径中没有#,例如：localhost:3000/demo/testHashRouter的路径...

借助this.prosp.history对象上的API对操作路由跳转、前进、后退-this.prosp.history.push()-this.prosp.history.replace()-this.prosp.history.goBack()-this.prosp.h...

1.params参数路由链接(携带参数)：<Linkto='/demo/test/tom/18'}>详情</Link>注册路由(声明接收)：<Routepath="/demo/test/:name/:age"component={Test}/>接收参数：this.props.match.params2.search参数 路由链接(携带参...

一：向路由组件传递search参数：<Link to={`/home/message/messageInfo/?id=${messageItem.id}&info=${messageItem.info}`}>{messageItem.info}</Link>注意格式：{`/地址/${参数1}/${参数2}/${参数3}`}二：search参数无需声明接收三：对应的路由组件接收传递的参数传过来的参数为字符串：'?id=123&info=1231..

import qs from 'querystring'let obj = {name:'tom',age:18}console.log(qs.stringify(obj)) // "name='tom'&age=18"let str = 'carName=奔驰&price=199'console.log(qs.parse(str)) //{carMa,e:'奔驰',price:"199"}urlencoded类型的字符串转json对象：qs.parse()json对.

一：向路由组件传递params参数： <Link to={`/home/message/messageInfo/${messageItem.id}/${messageItem.info}`}>{messageItem.info}</Link>注意格式：{`/地址/${参数1}/${参数2}/${参数3}`}二：声明接收params参数：<Route path="/home/message/messageInfo/:id/:info" component.

模糊匹配:Link给的地址为/home/a/bRoute要的地址为/home则也可以获取Route对应的路由组件严格匹配：exact开启严格匹配后，只能是一一对应的关系，Route要什么Link就要给什么，给多了获取不到路由组件。例：开启严格匹配 ：<Routeexactpath="/home"component={Home}/>...

在React中， %PUBLIC_URL%代表：public的文件夹的绝对路径。例如：引入public下的favicon.ico图标的链接为href="%PUBLIC_URL%/favicon.ico"这里的%PUBLIC_URL%就指向对应的public文件夹的绝对路径

Switch的作用：Switch可以提高路由匹配效率(单一匹配)。例:import React, { Component } from 'react'import {Route,Switch} from 'react-router-dom'import Home from './pages/Home' //Home是路由组件import About from './pages/About' //About是路由组件import Header from './components/Heade

pubsub-js 发布与订阅消息用处：用来子组件之间的数据传递用法：使用前先安装引入 pubsub-js 安装：npm add pubsub-js引入：import PubSub from 'pubsub-js' 子组件1发布消息 1.public 发布用法如下：PubSub.publish(消息标题，消息内容)2.例如：PubSub.publish('change',{a:3}) 子组件2订阅消息，接收组件1传过来的数据内容...

一。React生命周期（旧）如图所示，值得强调的是：componentWillReceiveProps函数在props第一次传进来时不会调用，只有第二次后（包括第二次）传入props时，才会调用shouldComponentUpdate像一个阀门，需要一个返回值(true or false)来确定本次更新的状态是不是需要重新render二。React生命周期（新）新的生命周期去掉了三个will钩子，分别是：componentWillMount、componentWillRe.

JS中 reduce() 的用法语法：arr.reduce(function(prev,cur,index,arr){...}, init);init：初始值prev：第一次循环的时候，如果传了初始值则为初始值，否则为数组的第一个元素。 之后为每次调用函数返回的值。cur：如果有初始值则第一次为数组第二个元素，否则第一次为第一个元素。 之后为下一个元素。index：当前正在处理数组元素的索引。实例：1. 求数组项之和v...

1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方下面这些都是表达式：(1). a(2). a+b(3). demo(1)(4). arr.map() (5). function test () {}2.语句(代码)：下面这些都是语句(代码)：(1).if(){}(2).for(){}(3).switch(){case:xxxx}...

JSX语法规则：定义虚拟DOM时，不要写引号 标签中混入JS表达式时用{} 样式的类名指定不要用class，要用className 内联样式，要用style={{key:value}}的形式去写 只有一个根标签 标签必须闭合 标签首字母： --若小写字母开头，则表示该标签转为HTML标签中同名元素，若HTML中无该标签对应的同名元素，则报错。 --若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。 ...