React+Redux工作流 简单总结

Redux工作流

React+Redux工作流 简单总结

改变一个组件的state过程描述

为了改变应用的state,React组件通过分发(dispatch)action的方式将state传给Store,Store需要知道如何更改,所以将当前的state传给Reducer,Reducer通过一系列计算将新的state状态返回给Store,Store监听(subscribe)到变化,再将Store里的数据重新渲染到组件上。
要点:
  • store在应用中是唯一的,里面所有的state以对象树的形式存储
  • 唯一改变state的方式就是触发action
  • action里必须有一个是type属性
  • state变化时,reducer返回的是新的对象,而不是修改传入的参数
  • reducer是一个形式为(state, action) => state的纯函数,是用来决定如何修改state