Requisiten (props) in ReactJS sind quasi das Äquivalent von Parametern für eine Funktion in JavaScript. Sie werden verwendet, um Daten von einer Komponente zu einer anderen zu übergeben.
In React kannst du Werte von einer Elternkomponente an eine untergeordnete Komponente übergeben, indem du sie als Attribute der untergeordneten Komponente angibst.
Hier ist ein Beispiel wie es funktioniert:
```jsx
function ChildComponent(props) {
return
{props.text}
;function ParentComponent() {
return
}
```
In diesem Beispiel übergeben wir die Zeichenkette “Hello, World!” von der ParentComponent an die ChildComponent, indem wir sie als Wert für das Attribut “text” festlegen. In der ChildComponent greifen wir dann auf diesen Wert zu, indem wir “props.text” verwenden.
Mehrere Requisiten können übergeben werden, indem mehr Attribute definiert werden:
```jsx
function ChildComponent(props) {
return
{props.text} {props.name}
;function ParentComponent() {
return
}
```
In diesem Beispiel übergeben wir zwei Prop “text” und “name” von der ParentComponent zur ChildComponent.
Standardeinstellungen für Requisiten können auch festgelegt werden, indem `defaultProps` auf die Komponente gesetzt wird:
```jsx
function ChildComponent(props) {
return
{props.text} {props.name}
;ChildComponent.defaultProps = {
text: “Hello,”,
name: “World!“
};
function ParentComponent() {
return
}
```
In diesem Beispiel würden sowohl “text” als auch “name” ihre Standardwerte verwenden, da wir keine Requisiten an die `ChildComponent` übergeben, wenn wir sie in `ParentComponent` rendern.
