riku929hr https://blog.hatena.ne.jp/riku929hr/ rikuto tech blog https://blog.riku929hr.com/ Reactチュートリアル React TypeScript 前回からの続きです。 データを Props 経由で渡す マスに数字がプロットされた次のようなアウトプットを想定します。 公式チュートリアルでは、 class Board extends React.Component { renderSquare(i) { return <Square value={i} />; // 追加 } } // ︙ class Square extends React.Component { render() { return ( <button className="square"> {this.props.value} // "TODO"になっていたところを変更… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.riku929hr.com%2Fentry%2F2021%2F06%2F26%2F204238" 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> https://ja.reactjs.org/static/685df774da6da48f451356f33f4be8b2/01bf6/tictac-numbers.png Hatena Blog https://hatena.blog 2021-06-26 20:42:38 rich https://blog.riku929hr.com/entry/2021/06/26/204238 1.0 100%