riku929hr https://blog.hatena.ne.jp/riku929hr/ rikuto tech blog https://blog.riku929hr.com/ Reactチュートリアル React TypeScript 前回の続きです。 いよいよ三目並べづくりに入ります。 インタラクティブなコードをつくる 盤面のマスをクリックするとXが現れるようにします。 はじめにSquareコンポーネントにstateを持たせます。 公式チュートリアルではこのように実装されています。 class Square extends React.Component { constructor(props) { super(props); this.state = { value: null, }; } render() { return ( <button className="square" onClick={() => aler… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.riku929hr.com%2Fentry%2F2021%2F07%2F04%2F003216" title="React Tutorialを TypeScriptとHooksで書き直してみた③ - 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 00:32:16 rich https://blog.riku929hr.com/entry/2021/07/04/003216 1.0 100%