为什么在 ReactJS 中使用 action.payload

Question

action.payload何时、何地以及为什么调用？请任何人帮助我了解action.payload的实际用途.我已经搜索了很多网站，但我不明白。

Answer 1

当你处理一个请求时，比如点击一个元素，我们需要更新状态

在这种情况下，我们将像这样使用

<div onClick={this.props.handleClick()} >

此操作handleClick将在操作中描述，我们将在其中创建一个操作创建器。每个动作创建者都包含一个动作和有效负载，其中包含我们需要传递给化简器的数据。

示例操作创建器将如下所示

const data = 'sample data here'
return {
  type: 'SELECT_ACCOUNT',
  payload: data
}

在开关机箱内的减速器上，我们将处理操作类型并更新应用程序映射状态到属性示例如下所示

case SELECT_ACCOUNT:
  return {
    ...state,
    selected : action.payload
 };

希望这能帮助您获得基本的想法