reactjs - 为什么在reactjs中使用action.payload

Question

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

Answer 1

当您处理请求时，例如单击我们需要更新状态的元素

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

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

这个handleClick将在 Action 中描述，我们将在其中创建一个 Action 创建者。每个 Action 创建者都包含一个 Action 和有效负载，其中包含我们需要传递给 reducer 的数据。

示例 Action 创建器如下所示

const data = 'sample data here'

return {
  type: 'SELECT_ACCOUNT',
  payload: data
}

在 switch case 内的 reducer 上，我们将处理操作类型并更新应用程序 mapStateToProps示例如下所示

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

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