为什么action.payload在reactjs中使用

Ley*_*ese 5 reactjs redux react-redux-form

action.payload被称为何时,何地,为什么?请任何人帮助我了解action.payload的实际用途。我已经搜索了很多siteS,但没有得到。

小智 6

当您处理请求时,说一个元素的onclick我们需要更新状态

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

<div onClick={this.props.handleClick()} >
Run Code Online (Sandbox Code Playgroud)

handleClick将在操作中进行说明,我们将在其中创建操作创建者。每个动作创建者都包含一个动作和有效负载,其中包含我们需要传递给减速器的数据。

动作创建者示例如下所示

const data = 'sample data here'

return {
  type: 'SELECT_ACCOUNT',
  payload: data
}
Run Code Online (Sandbox Code Playgroud)

在切换案例中的化简器上,我们将处理操作类型并更新应用程序mapStateToProps,如下所示

case SELECT_ACCOUNT:
  return {
    ...state,
    selected : action.payload
 };
Run Code Online (Sandbox Code Playgroud)

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