14、Redux 实战:从基础到远程 API 通信

Redux 实战:从基础到远程 API 通信

1. 项目准备与 Redux 集成

在开始之前,我们需要安装 redux react-redux 库。 react-redux 库提供了将 Redux 与 React 集成所需的绑定。虽然 Redux 并非专门为 React 设计,但使用 react-redux 可以让我们在 React Native 应用中无缝集成 Redux。

接下来,我们要创建项目所需的主要文件夹:
- components 文件夹 :包含可复用的组件,也就是 React 社区所说的展示组件。这些组件不了解任何业务逻辑或 Redux 操作,仅通过 props 接收数据,并且可以在其他项目中复用,例如按钮或面板。
- containers 文件夹 :包含直接从 Redux 接收数据并能够调用操作的组件。例如,显示已登录用户的头部组件就可以定义在这里。通常,这些组件内部会使用展示组件。
- views 文件夹 :包含应用的主要模块,这些类使用容器组件和展示组件。在我们的应用中,会有分类和书签两个不同的内部模块。
- redux 文件夹 :包含应用的所有业务逻辑,这里不应该有任何组件或视图。

2. 定义操作(Actions)

操作是向存储发送数据的信息负载,这是视图向全局状态请求或发送数据的唯一方式。在这个示例中,我们将创建加载初始书

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值