Was sind Props?

Das Wiederverwenden einer Komponente ist schön, aber drei identische Sterne sind nur bedingt nützlich. Props ermöglichen es Ihnen, Daten in eine Komponente zu übergeben, sodass jede Kopie unterschiedlich sein kann:

function Greeting({ name }) {
    return <p>Hello, {name}!</p>;
}

export default function App() {
    return (
        <div>
            <Greeting name="Ada" />
            <Greeting name="Alan" />
        </div>
    );
}

Zwei Dinge passieren hier:

• Übergeben: Props sehen aus wie Attribute: name="Ada"
• Empfangen: Die Komponente entpackt sie in ihrer Parameterliste ({ name }) und verwendet sie in JSX wie jede andere Variable