riku929hr https://blog.hatena.ne.jp/riku929hr/ rikuto tech blog https://blog.riku929hr.com/ Reactチュートリアル React TypeScript タイムトラベル機能の追加｜Stateのリフトアップ、再び squaresを配列historyに保存しておき、あとで参照できるようにしていきます。 これまで、stateはBoardコンポーネントに実装していましたが、これをGameコンポーネントに移し、Boardにはpropsを渡すことによってアクセスできるようにします。 Gameコンポーネント まず、GameコンポーネントにstateのhistoryとxIsNextを設定します。 const [history, setHistory] = useState([{ squares: Array(9).fill(null) }]); const [… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.riku929hr.com%2Fentry%2F2021%2F07%2F04%2F173621" title="React Tutorialを TypeScriptとHooksで書き直してみた⑤（fin） - rikuto tech blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-07-04 17:36:21 rich https://blog.riku929hr.com/entry/2021/07/04/173621 1.0 100%