Hoe geef je gegevens door van een oudercomponent naar een kindcomponent?

In React worden gegevens van een oudercomponent doorgegeven aan een kindcomponent via eigenschappen (props). De ouder geeft de gegevens door als attributen aan de kindcomponent, en het kind ontvangt ze via het props-object.

Voorbeeld:

function Child(props) {
  return <div>Hallo, {props.name}!</div>;
}

function Parent() {
  return <Child name="Aleksei" />;
}

Hier geeft Parent de string "Aleksei" door aan de kindcomponent Child via de prop name. De kindcomponent gebruikt deze waarde om te tonen.