码迷,mamicode.com
首页 > 其他好文 > 详细

react_2/flux

时间:2018-01-23 23:15:36      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:body   页面   get   函数   对象   logs   ops   port   pre   

流程

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

标签:body   页面   get   函数   对象   logs   ops   port   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!