Redux的作者友情赞助，封装了一个 React 专用的库 React-Redux，为 React + Redux 提供了一种更科学的代码组织方式。

本人认为React-Redux的中心思想就是实现Model与View的分离。它将所有组件分成两大类：

  • UI组件（View层）

    • 只负责 UI 的呈现，不带有任何业务逻辑

    • 没有状态（即不使用this.state这个变量）

    • 所有数据都由参数（this.props）提供

    • 不使用任何 Redux 的 API

  • 容器组件（Model层）

    • 负责管理数据和业务逻辑，不负责 UI 的呈现

    • 带有内部状态

    • 使用 Redux 的 API

这样以来也实现了Redux和React分离，UI组件只要书写react的代码，容器组件只负责书写redux相关操作，易于书写与维护。

react-redux主要提供了倆个关键API：Provider组件 和 connect函数。

网友评论