16、React与Redux开发实战：从基础到应用

React与Redux开发实战：从基础到应用

1. 编辑费用表单与Redux连接

要将编辑费用表单与Redux存储连接起来，可使用 redux-thunk 中间件创建一个能更新存储中编辑后费用数据的操作。同时，使用 connect 函数将编辑费用表单连接到存储。

2. Redux开发工具

Redux DevTools扩展可用于调试和检查Redux存储。通过它能实时查看操作、状态和变化，还能撤销和重做操作。

3. 按日期过滤费用

使用 moment 库处理JavaScript中的日期，根据用户选择的日期范围过滤费用。

4. 组织Redux代码

• 创建单独的Redux切片文件 ：将应用状态的不同部分（切片）分别存于不同文件，使代码更模块化、易理解。例如，一个简单的计数器应用，可将计数器值、当前用户、用户选择的项目列表分别作为切片，每个切片有对应的 actions.js 和 reducer.js 文件。

src/
store/
index.js
counter/
actions.js
reducer.js
user/
actions.js
reducer.js
selectedItems/
actions.js
reducer.js