首页 > 其他 > 详细

react_2/flux

时间:2018-01-23 23:01:43      阅读:264      评论:0      收藏:0      [点我收藏+]

流程

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) => {   //无状态组件(一个函数,可以提升性能) }

react_2/flux

原文:https://www.cnblogs.com/lhh-bky/p/8338183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!