読者です 読者をやめる 読者になる 読者になる

脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

Reactでstateに上書きではなく追加する方法

JavaScript React

現在Reactのstateの値を変更するメソッドとして、「setState」や「replaceState」は用意されていますが、「appendState」はありません。facebook.github.io

なので、既存のstateの値に新しい値を追加したい場合は以下のように書きます

this.setState({key: this.state.key + value})
  • keyは任意のkey
  • valueは新しく追加したvalue
  • "this.state.key"で既存のvalueを呼び出している