Skip to main content

One post tagged with "redux"

View All Tags

react redux

react redux#

首先要明白 redux 是 JavaScript 应用程序的可预测状态管理工具,其本身与 react 无关,react - redux 将它们两联系起来的

而学习 react redux 需先明白 redux 的工作原理。Redux 是一个经典的发布订阅器它帮我们用一个变量存储所有的 State,并且提供了发布功能来修改数据,以及订阅功能来触发回调(但是回调之后干嘛?自己解决)。

  1. 首先明确与 React 产生关联的是 React-Redux 这个库

  2. Redux 的原理就是一个发布订阅器,帮我们用一个变量存储所有的 State,并且提供了发布功能来修改数据,以及订阅功能来触发回调

  3. 而 React-Redux 的作用就是订阅 Store 里数据的更新,他包含两个重要元素,Provider 和 connect 方法

  4. Provider 的作用就是通过 Context API Store 对象注入到 React 组件上去

  5. 而 connect 方法就是一个高阶组件,在高阶组件里通过订阅 Store 中数据的更新,从而通过调用 setState 方法来触发组件更新

更多使用请见:redux