もくじ propsの流れ propsの使い方 (本題)親子の要素をまたぐコンポーネント 流れを図解化 実際のコード 複雑な構造をわかりやすく 参考URL propsの流れ 親要素からpropsを渡して子要素で使用するのが多くの使用例かと思います。 ただ、受け取ったpropsをさらに子要素に渡したいというときもありますよね。ネストした中でコンポーネントを作成して使う場合など。 ここで画像のような例を見ていきましょう。 index.js(画像では”もと”と表記)が親要素、赤色のコンポーネントPetsGroupが子要素となり、親要素から子要素へpropsを渡します。 propsの使い方 props自体の受取り方、使い方を説明すると以下のようになります。 <PetsGroup title="ペット1" link="/hogehoge" /> この場合、props名はtitle link、props