react_2/flux

Posted 2020-10-22 lhh-bky

流程

1. 用户访问 View
2. View 发出用户的 Action
3. Dispatcher 收到 Action，要求 Store 进行相应的更新(可以执行同步和异步)
4. Store 更新后，发出一个"change"事件(存取数据)
5. View 收到"change"事件后，更新页面

flux是个MVC

使用Dispatcher要先安装flux

yarn add flux

1. dispatcher.dispatch(action) //diapatcher自带方法
2. export const getInputChangeAction = (value) => ({  
   //箭头函数可以直接返回一个对象
})
3. const store = Object.assign({}, EventEmitter.prototype, {
  //把后面的东西拷贝到前面的对象上})
4. const list = [...this.state.list]     //浅拷贝
5. export default (props) => {   //无状态组件(一个函数,可以提升性能) }