【react】スプレット演算子を使ってstateの一部を変更する

やりたいこと

stateの一部を再度setStateで更新する

 

実施した方法

スプレット演算子を使って全てのstateを取得する

setStateにはスプレット演算子を内包した変数のみを入れる。

 


const culc_result = {...this.state};
      culc_result.list_data[0].count = 1;
      this.setState({culc_result});


[
    {
        "id": 10,
        "name": yamada,
        "count": 2
    },
    {
        "id": 10,
        "name": "satou",
        "count": 1
    },
]

更新したことによって最初の配列のcountが2から1になる。

ありそうでなかった、というか自分が知らなかっただけのことですが

今後も使うことになりそうなのでメモ兼アウトプットとして載せました。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG