React.jsのprops.childrenとはなにか?javascript・typescript

以上のようなソース。

Childコンポーネントの中に、props.childrenという記述があります。

reactを書いていると頻出する記法なのですが、この記述の意味は、親Componentのタグの間に入れられた要素を表示するという意味です。

上のソースの例で言うと、親コンポーネントでChildタグでaaaaaという文字列をネストしているので、export defaultしたParentをブラウザで表示すると、

【aaaaaaa】

という表示がされます!

 

Vue.jsでいう<slot>のようなものですね!

ABOUTこの記事をかいた人

新卒でノマドワーカー(webデザイナー)として独立し、半年で月収100万円を達成する。その後、事務所を売却(バイアウト)したり、Youtuber(最高月間視聴回数109万回、チャンネル登録者1万人)をしたり、Openrecの公式配信者としてゲーム生実況をしたり、ベンチャー企業のCOOをしたり、パラレルキャリアを歩んできました。 2019年にミニマムライフコストを不労所得で稼げるようになったため、いまは、お金のことを考えずに、様々な企業でエンジニア修行をさせていただきながら、複数のメディアやアプリとweb制作事務所を運営しています。 趣味は株式投資(米国・日本株メイン)で、トレードを楽しむ日も多いです!