weixin_42799526的博客

一、setState更新状态的2种写法1）对象式的setStatesetState(stateChange, [callback])// 1、stateChange为状态改变对象（该对象可以体现出状态的更改）// 2、callback是可选的回调函数，它在状态更新完毕、界面也更新后（render调用后）才被调用2）函数式的setStatesetState(updater, [callback])this.setState(state => ({count: state.count +

一、reducerreducer的本质是一个函数，接收：preState, action，返回加工后的状态reducer有两个作用：初始化状态，加工状态reducer被第一次调用时，是store自动触发的，传递的preState是undefined，传递的action是：{type: ‘@@REDUX/INIT_a.2.b.4’}在index.js中监测store中状态的改变，一旦发生改变重新渲染备注：redux只负责管理状态，至于状态的改变驱动着页面的展示，要靠我们自己

1.安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader2.修改package.json"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject

路由传参的三种方式1、params参数// 1、路由链接（携带参数）<Link to='/demo/test/tom/18'>详情</Link>// 2、注册路由，声明接收<Route path='/demo/test/:name/:age' component={Test} />// 3、接收参数const {name, age} = this.props.match.params;...

一、路由的基本使用1、明确好界面中的导航区，展示区2、导航区的a标签改为Link标签<Link to='/xxx'>Demo</Link>3、展示区写Route标签进行路径的匹配<Route path='/xxx' component={Demo} />4、的最外侧包裹了一个或二、路由组件与一般组件1、写法不同： 一般组件：<Demo /> 路由组件：<Route path='/demo' component=

pubsub传值适用于任意组件间相互传值import PubSub from 'pubsub-js';export default class List extends Component { componentDidMount() { this.token = PubSub.subscribe('atguigu', (msg, data) => { console.log(data); }); } compone.

1、最开始的写法-字符串写法class Demo extends React.Component { showData = () => { const {input1} = this.refs; alert(input1.value); } render() { return ( <div> <input ref="input1" onBlur={this

1、对标签属性进行类型，必要性的限制Person.propTypes = { name: PropTypes.string.isRequired, sex: PropTypes.string, age: PropTypes.number}2、指定默认标签属性值Person.defaultProps = { sex: '保密', age: 18}...