React-Redux中的Connect函数, Store, Action, Reducer个人小结

最新推荐文章于 2022-09-27 22:37:57 发布

一只矿崽

最新推荐文章于 2022-09-27 22:37:57 发布

阅读量806

点赞数

文章标签： React.js Redux React-redux

本文链接：https://blog.csdn.net/yorksome/article/details/102662365

版权

本文总结了React-Redux中关键概念：Store用于存储状态树，Action定义并承载数据，Reducer处理状态更新。同步与异步Action分别对应不同场景，Redux-thunk用于处理异步操作。Connect函数则将Store中的状态映射到组件props，方便调用Action进行数据交互。

摘要由CSDN通过智能技术生成

store:

总的一个状态树，基于reducer的数量组成（每个reducer理想情况下代表一个关联到store，需要监听state变化的组件），getState() API产生的状态类似于：

{
   
  component1: 
    {
   
      state1: 'I am state 1',
      state2: [],
      state3: false
    },
  component2:
    {
   
      state1: 'I am state 2',
      state2: [],
      state3: {
   
                  nestedState: 'Hello World'
              }
    }  
}