为什么 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
};
希望这能帮助您获得一个基本概念
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
};
希望这能帮助您获得一个基本概念