Props

Props são os argumentos do componente. Fluem de cima para baixo e são somente leitura.

function Card({ title }: { title: string }) {
  return <article><h2>{title}</h2></article>;
}

function App() {
  return <Card title="Bem-vindo" />;
}

Para conteúdo aninhado, use a prop especial children.

O App acima continua sendo montado em #root pelo HTML do playground (import map + Sucrase) — o mesmo esqueleto da lição 1.