14、《Redux 状态管理全解析:从创建到组件连接》

《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. 创建联合类型 :包含所

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值