タイムトラベル機能の追加｜Stateのリフトアップ、再び squaresを配列historyに保存しておき、あとで参照できるようにしていきます。 これまで、stateはBoardコンポーネントに実装していましたが、これをGameコンポーネントに移し、Boardにはpropsを渡すこと…

手番の処理 ここからBoardコンポーネントを編集して手番ごとにXとOを入れ替えてプロットされるようにします。 編集後のBoardコンポーネントは以下のようになります。 const Board: VFC = () => { const [squares, setSquares] = useState<FillSquare[]>(Array(9).fill(null</fillsquare[]>…

前回の続きです。 いよいよ三目並べづくりに入ります。 インタラクティブなコードをつくる 盤面のマスをクリックするとXが現れるようにします。 はじめにSquareコンポーネントにstateを持たせます。 公式チュートリアルではこのように実装されています。 cla…