15、Redux 实践指南

Redux 实践指南

1. Redux 基础实现

在 Redux 的实现过程中，我们需要完成几个关键步骤，以实现从 API 加载分类数据的功能。

• 定义动作类型 ：定义三种动作类型，分别在不同的请求阶段触发。
• LOAD_CATEGORIES ：在发起 fetch 请求之前触发。
• LOAD_CATEGORIES_SUCCESS ：请求成功完成（服务器响应状态码为 200）时触发。
• LOAD_CATEGORIES_FAIL ：网络出错或服务器响应状态码非 200（如 404 错误）时触发。
• 定义动作创建器 ：返回的动作包含 types 和 promise 两个属性。 types 是一个数组，包含上述三种动作类型； promise 是一个对象，包含请求的 URL 和方法，还可以定义其他请求选项，如请求头或 POST 请求的请求体。

// 示例代码，假设定义在某个 action 文件中
export const LOAD_CATEGORIES = 'LOAD_CATEGORIES';
export const LOAD_CATEGORIES_SUCCESS = 'LOAD_CATEGORIES_SUCCESS';
ex