React チュートリアル
ゲームの状態を各 Square の代わりに親の Board コンポーネントで保持することです
複数の子要素からデータを集めたい、または 2 つの子コンポーネントに互いにやりとりさせたいと思った場合は、代わりに親コンポーネント内で共有の state を宣言する必要があります
親コンポーネントは props を使うことで子に情報を返すことができます
Square の render
メソッド内の this.state.value
を this.props.value
に書き換える
→valueを、propsとして渡しているから
以下該当部
(<Square
value={this.state.squares[i]}
onClick={()=>{this.handleClick(i)}}
/>);
配列のコピーを作成し、そこに代入する意味
ミューテート:書き換え
イミューテート:コピーして書き換え
└内部データを変更しないため、巻き戻しが可能
関数コンポーネント render
メソッドだけを有して自分の state を持たないコンポーネントを、よりシンプルに書くための方法