为什么 action.payload 在 reactjs 中使用

why action.payload use in reactjs

action.payload 被调用的时间、地点和原因??请任何人帮助我了解 action.payload.I 的实际用途是什么已经搜索了这么多站点,但我不明白..

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

在那种情况下我们会这样使用

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

handleClick将在动作中进行描述,我们将在其中创建一个动作创建器。 每个 action creator 都包含一个 action 和 payload,其中包含我们需要传递给 reducers 的数据。

示例动作创建器如下所示

const data = 'sample data here'

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

在 switch case 内的 reducers 上,我们将处理动作类型并更新应用程序 mapStateToProps 示例如下

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

希望这能帮助您获得一个基本概念