チャレンジ:関数型コンポーネントの作成
メニューを表示するにはスワイプしてください
propsを使用して挨拶メッセージを表示する関数型Reactコンポーネントの作成。
課題は2つのパートで構成されています:
- 子コンポーネントの作成
Greetingというコンポーネントを作成。nameというpropを受け取る。- テキスト
Hello, {name}を含むh2要素をレンダリング。
- 親コンポーネントの作成
Appというコンポーネントを作成。- その中で
Greetingコンポーネントをレンダリング。 namepropに値"Oliver"を渡す。
Appコンポーネントのレンダリングroot.renderを使ってAppコンポーネントをレンダリング。
- 子コンポーネントはpropsを使ってデータを受け取る。
- JSX内で
{props.name}を使用。 nameをレンダリングする際にGreetingpropを渡す。AppコンポーネントはDOMにレンダリングされる必要がある。
すべて明確でしたか?
フィードバックありがとうございます!
セクション 2. 章 2
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 2. 章 2