{"blog_title":"rikuto tech blog","published":"2021-06-26 20:42:38","blog_url":"https://blog.riku929hr.com/","width":"100%","url":"https://blog.riku929hr.com/entry/2021/06/26/204238","description":"\u524d\u56de\u304b\u3089\u306e\u7d9a\u304d\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092 Props \u7d4c\u7531\u3067\u6e21\u3059 \u30de\u30b9\u306b\u6570\u5b57\u304c\u30d7\u30ed\u30c3\u30c8\u3055\u308c\u305f\u6b21\u306e\u3088\u3046\u306a\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8\u3092\u60f3\u5b9a\u3057\u307e\u3059\u3002 \u516c\u5f0f\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001 class Board extends React.Component { renderSquare(i) { return <Square value={i} />; // \u8ffd\u52a0 } } // \ufe19 class Square extends React.Component { render() { return ( <button className=\"square\"> {this.props.value} // \"TODO\"\u306b\u306a\u3063\u3066\u3044\u305f\u3068\u3053\u308d\u3092\u5909\u66f4\u2026","type":"rich","author_name":"riku929hr","categories":["React\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb","React","TypeScript"],"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.riku929hr.com%2Fentry%2F2021%2F06%2F26%2F204238\" title=\"React Tutorial\u3092 TypeScript\u3068Hooks\u3067\u66f8\u304d\u76f4\u3057\u3066\u307f\u305f\u2461 - 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>","version":"1.0","title":"React Tutorial\u3092 TypeScript\u3068Hooks\u3067\u66f8\u304d\u76f4\u3057\u3066\u307f\u305f\u2461","image_url":"https://ja.reactjs.org/static/685df774da6da48f451356f33f4be8b2/01bf6/tictac-numbers.png","author_url":"https://blog.hatena.ne.jp/riku929hr/","provider_url":"https://hatena.blog","height":"190","provider_name":"Hatena Blog"}