redux相关

原创 前端工程师_钱成 随笔 React 95阅读 2018-11-22 16:07:40 举报

一、redux要解决的问题
React是DOM的一个抽象层、单向数据流,解决视图层,但它没涉及:代码结构、(无层级关系的)组件之间的通信。有层级关系的组件通信容易解决,然而当发生状态共享或一个组件需要改变另一个与之无层级关系的组件的状态时,不使用 Redux 等状态管理工具,代码会乱。用Redux可以很有条理地查询和改变状态。

二、Redux的三大原则和数据流的管理:
来源https://www.cnblogs.com/rudylemon/p/redux.html
Redux三大原则:
1、单一数据源,这个应用的state被存储在一棵object tree中,并且这个object tree只存在于唯一的Store中。
2、state是只读的,唯一改变state的方法就是触发action,action是一个用于描述已发生事件的普通对象。
3、使用纯函数来执行修改,为了描述action如何改变state tree,需要编写reducer。
Redux数据流的管理:
1、action:把数据传递到Store,唯一数据来源。
2、reducer:action只描述有事情发生,reducer指明如何更新state,即设计state结构和action处理。
3、Store:把action和reducer联系到一起,负责维持、获取和更新state。
4、生命周期:数据流严格且单向
调用Store.dispatch(action)->Store调用传入的reducer函数,Store会把两个参数传入reducer:当前的state树和action->根reducer将多个子reducer输出合并成一个单一的state树->Store保存了根reducer,并返回完整的state树。

附、react主要代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复