Snippet

Zugriff auf einfache Komponenten-Props

In React ist 'props' ein Objekt, das alle Daten enthält, die von einer Eltern-Komponente an eine Kind-Komponente übergeben wurden.

snippet.js

javascript

function WelcomeCard(props) {
  return <div>Welcome, {props.username}</div>;
}

react

Erklärung

function WelcomeCard(props)

Die Funktion erhält ein Argument, meist 'props' genannt, das die Eingabedaten darstellt.

{props.username}

Die geschweiften Klammern fügen den Wert der Eigenschaft 'username' in die Benutzeroberfläche ein.