React.jsのState - Qiita

昨日はPropについて紹介しましたが、StateはPropがImmutableな値であったのに対してMutableな値を定義することが出来ます。 基本的な使い方 基本的にはgetIntialStateでstateの初期値を返して、データに変更があった場合にthis.setStateで更新します。 そうするとComponentがrerenderされて表示が更新されます。子のComponentもrerenderされます。 var Counter = React.createClass({ getInitialState() { return { count: 0 }; }, onClick() { this.setState({ count: this.state.count + 1}); }, render() { return ( <div> <span>{this.state.count

[ttanimichi]

"基本的にはPropで考えてStateを持つComponentは最低限にする、rootとなるComponentだけにStateを持たせて後は全部Propだけを持ってるImmutableなComponentにして、何か変更があるとrootのComponentでsetStateしてまとめてrerenderする”

[iR3]

Stateは、コンポーネントの状態管理、Propsは、親子コンポーネント間のインターフェース #sendagayarb で勉強しているところ

[otiai10]

“setStateが呼ばれることでrerenderされる”