Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:関数型コンポーネントの作成 | 再利用可能なコンポーネントとデータフロー
React入門

bookチャレンジ:関数型コンポーネントの作成

メニューを表示するにはスワイプしてください

propsを使用して挨拶メッセージを表示する関数型Reactコンポーネントの作成。

課題は2つのパートで構成されています:

  1. 子コンポーネントの作成
    • Greetingというコンポーネントを作成。
    • nameというpropを受け取る。
    • テキスト Hello, {name} を含むh2要素をレンダリング。
  2. 親コンポーネントの作成
    • Appというコンポーネントを作成。
    • その中でGreetingコンポーネントをレンダリング。
    • name propに値"Oliver"を渡す。
  3. Appコンポーネントのレンダリング
    • root.renderを使ってAppコンポーネントをレンダリング。
  • 子コンポーネントはpropsを使ってデータを受け取る。
  • JSX内で{props.name}を使用。
  • nameをレンダリングする際にGreeting propを渡す。
  • AppコンポーネントはDOMにレンダリングされる必要がある。
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  2
some-alt