为什么action.payload在reactjs中使用

Question

action.payload被称为何时，何地以及为何？请有人帮我理解action.payload的实际用途。我已经搜索了很多网站，但是我没有得到它..

Answer 1

当您处理请求时，请说明我们需要更新状态

的onclick

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

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

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

示例动作创建者将如下所示

const data = 'sample data here'

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

在switch case中的reducers上，我们将处理动作类型并更新app mapStateToProps 示例如下所示

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

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