redux-总结

Posted 2022-11-05 web-zxq

核心概念：
1.整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中
2.唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象
3.使用纯函数来执行修改。为了描述 action 如何改变 state tree ，你需要编写 reducers

那么问题来了，action是怎么和store联系起来的呢？
核心中的核心： 每当 dispatch action 时，store 的 state 会被立即更新，关键字，dispatch。

那他是怎么更新的呢？
store 里面使用 createStore(reducer), 参数render为 根据具不用action 返回不同的state的 reducer的函数，

connect是连接组件和store的功能，两个参数，都是函数
第一个参数 mapStateToProps 允许我们将store的数据以props 绑定到组件，这个利于组件获取最小属性，而不是获取全部store里面的数据， 参数是store里面的数据state

第二个参数 mapDispatchToProps 参数是 dispatch，将 action 作为 props 绑定到组件上。关键字，action

首先connect之所以会成功，是因为Provider组件：
在原应用组件上包裹一层，使原来整个应用成为Provider的子组件
接收Redux的store作为props，通过context对象传递给子孙组件上的connect

redux-soga其实就是能触发dispatch action 的独立进程，其实redux-thunk 集合 async await 已经足够