首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

结合使用 Redux 和 React-4

结合使用 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 特性。您已了解到,可以将操作的创建封装到函数中,使代码更容易理解。
返回列表