Datenübergabe mit Props
Komponenten müssen häufig unterschiedliche Daten anzeigen, abhängig davon, wo sie verwendet werden. In React werden Daten mithilfe von Props an Komponenten übergeben. Props sind Eingaben für eine Komponente. Sie ermöglichen es, Daten von einer Elternkomponente an eine Kindkomponente zu senden und steuern, was die Komponente anzeigt.
Anstatt Werte innerhalb einer Komponente fest zu codieren, machen Props Komponenten wiederverwendbar. Dieselbe Komponente kann mehrfach mit unterschiedlichen Daten verwendet werden und erzeugt dadurch verschiedene UI-Ausgaben.
Nachfolgend ein einfaches Beispiel, wie Daten mit Props an eine Komponente übergeben werden:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
In diesem Beispiel übergibt die Komponente App den Wert "Olivia" über eine Prop namens Greeting an die Komponente name. Die Komponente Greeting erhält diese Daten und zeigt sie in der Benutzeroberfläche an.
Props sind schreibgeschützt. Eine Komponente sollte die Props, die sie erhält, nicht verändern. Ihr Zweck ist es, das Aussehen oder Verhalten einer Komponente basierend auf externen Daten zu steuern.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Großartig!
Completion Rate verbessert auf 4Datenübergabe mit Props
Swipe um das Menü anzuzeigen
Komponenten müssen häufig unterschiedliche Daten anzeigen, abhängig davon, wo sie verwendet werden. In React werden Daten mithilfe von Props an Komponenten übergeben. Props sind Eingaben für eine Komponente. Sie ermöglichen es, Daten von einer Elternkomponente an eine Kindkomponente zu senden und steuern, was die Komponente anzeigt.
Anstatt Werte innerhalb einer Komponente fest zu codieren, machen Props Komponenten wiederverwendbar. Dieselbe Komponente kann mehrfach mit unterschiedlichen Daten verwendet werden und erzeugt dadurch verschiedene UI-Ausgaben.
Nachfolgend ein einfaches Beispiel, wie Daten mit Props an eine Komponente übergeben werden:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
In diesem Beispiel übergibt die Komponente App den Wert "Olivia" über eine Prop namens Greeting an die Komponente name. Die Komponente Greeting erhält diese Daten und zeigt sie in der Benutzeroberfläche an.
Props sind schreibgeschützt. Eine Komponente sollte die Props, die sie erhält, nicht verändern. Ihr Zweck ist es, das Aussehen oder Verhalten einer Komponente basierend auf externen Daten zu steuern.
Danke für Ihr Feedback!
