web-dev-qa-db-ja.com

なぜaction.payloadがreactjsで使用されるのか

action.payloadは、いつ、どこで、なぜ呼び出されますか? action.payloadの実際の使用法を理解するのを助けてください。私はすでに多くのサイトを検索しましたが、わかりません。

5
Leya Varghese

リクエストを処理しているとき、たとえば要素のonclickを言うと、状態を更新する必要があります

その場合はこのように使用します

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

このhandleClickはアクションで説明され、アクションクリエーターを作成します。各アクション作成者には、レデューサーに渡す必要のあるデータを含むアクションとペイロードが含まれています。

サンプルアクションクリエーターは次のようになります

const data = 'sample data here'

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

スイッチケース内のレデューサーで、アクションタイプを処理し、以下に示すアプリmapStateToPropsの例を更新します

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

これが基本的なアイデアを得るのに役立つことを願っています

6