猿田俊之

<h2 id="%E7%9B%AE%E7%9A%84">
<a class="header-anchor-link" href="#%E7%9B%AE%E7%9A%84" aria-hidden="true"></a> 目的</h2>
<p>このスクラップは、Reactの基礎事項を、資料を参考にしながら実際に行うことで、応急処置的にできるようにするもの。友人の参考と自分のメモのために作成</p>


<ol>
<li>
<h2 id="react%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%8B">
<a class="header-anchor-link" href="#react%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%8B" aria-hidden="true"></a> Reactコンポーネントを知っているか</h2>
</li>
</ol>
<p>Propsを受渡できるようにする</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fd42a72e7dd5e" src="https://embed.zenn.studio/card#zenn-embedded__fd42a72e7dd5e" data-content="https%3A%2F%2Fja.react.dev%2Flearn%2Ftutorial-tic-tac-toe%23passing-data-through-props" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p>記事を読んだら以下の例にPropsを加え、任意の数繰り返しできるようにしてください</p>
<span class="embed-block embed-stackblitz"><iframe src="https://stackblitz.com/edit/add-props?embed=1&amp;file=src%2FApp.js" scrolling="no" frameborder="no" loading="lazy"></iframe></span>
