Open HuangHongRui opened 7 years ago
Flux:
Dispatcher
处理动作分发,维持Store之间的依赖关系Store
负责存储数据和处理数据相关逻辑Action
驱动Dispatcher的Js对象View
视图部分,负责显示用户界面
||Dispatch
——Dispatcher自始至终只需暴露一个函数register
——接受一个回调函数作为参数。返回值是一个token,可用于Store之间的同步。EventEmitter对象【import {EventEmitter} from 'events'】
createStore()
Redux库提供的函数。 第一个参数为更新状态的reducer,第二参数是状态为初始值,第三参数是代表 Store Enhancer
store.getStore()
获取store上存储的所有状态
store.subscribe()
监听变化
combineReducers()
用来将多个 reducer 函数合并为一个 reducer函数。
(因为createStore只能接受一个reducer)
bindActionCreators()
用来消除重复代码
装载过程:
constructor
——构造函数getInitialState
——初始化状态getDefaultProps
——默认Props值componentWillMount
——Dom装载前render
——渲染[ 决定该渲染生命 ]componentDidMount
——Dom装载后更新过程:
componentWillReceiveProps
——父组件的render函数被调用时触发。shouldComponentUpdate
——返回一个布尔值,告诉React库这个组件在此次更新过程中是否继续。componentWillUpdate
——组件接收到新的props或者state但还没有render时被执行render
componentDidUpdate
——组件完成更新后立即执行。在初始化时不会被执行componentWillUnmout
——当组件要从 DOM树上 删除掉前触发。适合做些请理性工作。this.forceUpdate
该函数强行引发一次重新渲染nextProps
参数代表这一次渲染传入的Props值this.Props
参数代表上次渲染时的Props值