电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 结合使用 Redux 和 React-4 [打印本页]

作者: look_w 时间: 2018-1-20 21:35 标题: 结合使用 Redux 和 React-4

实现操作创建器清单 8 给出了 set(Topic) 和 setDisplayMode() 操作创建器的实现 — 这两个函数接受一个参数并返回一个相应的操作。
清单 8. 操作 (actions.js)

1
2
3
4
5
6
7
8
9
10
11
12
13

export const setTopic = topic => {
  return {
type: 'SET_TOPIC',
topic
  }
}

export const setDisplayMode = displayMode => {
  return {
type: 'SET_DISPLAY_MODE',
displayMode
  }
}

操作创建器看起来像一种设计操作对象的迂回方式。直接指定操作更简单。但是，操作创建器通常在一个或少量文件中实现，这使得查找应用程序操作的代码变得很容易，这些文件实际上相当于某种形式的文档。
结束语获取源代码
可从 GitHub 上的          获取该应用程序的完整源代码。

在本期文章中，您了解了如何使用 react-redux 绑定自动连接到 Redux 存储，并将容器组件与其对应的表示组件分离。容器组件连接到 Redux       存储，当存储的状态发生更改时，容器组件将当前状态映射到表示组件的属性。这些属性可以是数据或函数。
您还看到，没有必要在整个组件分层结构中传递 Redux 存储。可以使用 react-redux 绑定所带来的 Provider 组件，使 Redux       存储可用于所有组件。
最后，您已开始通过图书搜索示例了解高级 Redux 特性。您已了解到，可以将操作的创建封装到函数中，使代码更容易理解。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)