Reactの親コンポーネントと子コンポーネントの区別

Question

Reactのコンポーネントの概念について質問です。

次のように2つのコンポーネントがあった場合、

Appが親コンポーネント、Titleが子コンポーネントと呼ばれているかと思います。

(https://www.to-r.net/media/react-tutorial10 より引用)

TitleのクラスがApp内でインスタンス化されているように見えるので、Titleが親かな？と思ったのですが、Titleを取り込んでいるAppが親とされているようで、少し混乱しています。

Reactのコンポーネントで、「親」、「子」、「孫」という言葉を使うときの基準は何でしょうか？

部品を子、部品を使うのを親というように、「使う・使われる」という関係性が「親・子」と捉えられているように思いました。

公式のレファレンス等がありましたら、教えていただきたいです。

Answer 1

TitleのクラスがApp内でインスタンス化されているように見えるので、Titleが親かな？と思ったのですが、Titleを取り込んでいるAppが親とされているようで、少し混乱しています。

この辺の思考の流れが逆にピンと来ないのですが、

部品を子、部品を使うのを親というように、「使う・使われる」という関係性が「親・子」と捉えられているように思いました。

基本はコレだと思います。

公式のレファレンス等がありましたら、教えていただきたいです。

「親とはなんぞや」という直接的な説明はないですけど、例えば
React の流儀の中で

props は親から子へとデータを渡すための手段です。

と書かれていたりするので、上記の解釈でええんやないかと。

（他にも日本語版ドキュメントなら「親」、英語版ドキュメントなら「parent」で検索して出てくる箇所を読めばだいたいわかる気が）

Comments

[t-cool]

合点しました！
ありがとうございました！