問題一覧に戻る
初級Props
問題12: Props基礎

Propsは親コンポーネントから子コンポーネントへデータを渡す仕組みです。propsオブジェクトを通じて、コンポーネント間でデータを共有する方法を学びます。

// propsを受け取る子コンポーネント
function UserCard() {
  return (
    <div className="user-card">
      {/* propsの値を表示 */}
      <h2>{.name}</h2>
      <p>Age: {.age}</p>
      <p>Email: {.email}</p>
    </div>
  );
}

function App() {
  return (
    <div>
      {/* 親からpropsを渡す */}
      <UserCard 
        ="Alice"
        ={25}
        ="alice@example.com"
      />
    </div>
  );
}

export default App;
···