女性向けエンジニアスクール
props
React入門 / 全 6 枚
渡した値が画面に出る
属性で渡した値が、そのまま props として子に届き、画面に出ます。
プレビュー
あおい
Web エンジニア
function Profile(props) {
return (
<section className="profile">
<p>{props.name}</p>
props.name受け取って表示 <p>{props.title}</p>
</section>
);
}
<Profile name="あおい" title="Web エンジニア" />
name="あおい"渡す値function Profile(props) {
return (
<section className="profile">
<p>{props.name}</p>
受け取って表示
<p>{props.title}</p>
</section>
);
}
<Profile name="あおい" title="Web エンジニア" />
渡す値
1 / 6
← → キーでも送れます