《Redux 状态管理全解析:从创建到组件连接》
1. 创建动作(Actions)
在 Redux 中,动作(Actions)是描述状态变化的对象。每个动作都有一个唯一且有意义的 type 属性,以便让 reducer 能够确定对存储状态进行何种更改。例如,搜索问题的动作定义如下:
export const SEARCHINGQUESTIONS = 'SearchingQuestions';
export const searchingQuestionsAction = () =>
({
type: SEARCHINGQUESTIONS,
} as const);
export const SEARCHEDQUESTIONS = 'SearchedQuestions';
export const searchedQuestionsAction = (
questions: QuestionData[],
) =>
({
type: SEARCHEDQUESTIONS,
questions,
} as const);
服务器返回的数据可能是一个问题,也可能是 null (如果未找到问题),因此使用了联合类型。
2. 创建 Reducer
Reducer 是一个纯函数,它接收当前状态和正在处理的动作作为参数,并返回新的状态。创建 Reducer 可按以下步骤进行:
1. 创建联合类型 :包含所
超级会员免费看
订阅专栏 解锁全文
34

被折叠的 条评论
为什么被折叠?



