MittelLektion 3 von 1730 Min. · praktisch
Props
Teil des React-Kurses
Jede Komponente, die du bisher geschrieben hast, war fest verdrahtet. Greeting grüßt immer denselben Namen, Card zeigt immer denselben Text. Für eine Demo reicht das, aber es untergräbt den ganzen Sinn einer Komponente: einmal etwas schreiben und es an vielen Stellen mit unterschiedlichem Inhalt wiederverwenden.
Du übergibst ein Prop an eine Komponente genauso, wie du ein Attribut an einem HTML-Tag setzen würdest, nämlich indem du name="value" in das öffnende Tag schreibst:
Möchtest du React Props in einer echten Umgebung lernen?
Klick unten, hol dir eine Linux-Maschine mit fertigem React und arbeite Props praktisch durch, mit einem KI-Tutor, der deinen Code kennt.
Lektion startenPropsWas du lernen wirst
- Passing props as attributes
- Receiving props object
- Destructuring props in signature
- Default values
- Thinking about prop shapes
Lies diese Lektion in deiner Sprache
Alle Lektionen in diesem Kurs
17 Lektionen- 1Was ist React?25 Min.
- 2JSX und Components30 Min.
- 3Props30 Min.
- 4State mit useState35 Min.
- 5Ereignisse verarbeiten30 Min.
- 6Bedingtes Rendering und Listen30 Min.
- 7Formulare und Controlled Inputs35 Min.
- 8Effects mit useEffect40 Min.
- 9Datenabruf40 Min.
- 10Component-Komposition35 Min.
- 11Context und useContext35 Min.
- 12useReducer35 Min.
- 13Benutzerdefinierte Hooks35 Min.
- 14Performance und Memoization35 Min.
- 15Routing mit React Router40 Min.
- 16React Components testen40 Min.
- 17Abschlussprojekt: To-do-App60 Min.
Weitere Kurse ansehen
Python
19 Lektionen · 9.3Std
Go
20 Lektionen · 12.3Std
Linux
17 Lektionen · 8.5Std
Docker
13 Lektionen · 6.6Std
Git
13 Lektionen · 5.9Std
Kubernetes
14 Lektionen · 8Std
Ansible
12 Lektionen · 6.1Std
Bash
12 Lektionen · 5.7Std
Helm
10 Lektionen · 5.4Std
GitLab CI
11 Lektionen · 5.8Std
Jenkins
11 Lektionen · 5.3Std
PostgreSQL
14 Lektionen · 7.6Std
MySQL
13 Lektionen · 6.8Std
Web
14 Lektionen · 5.9Std
TypeScript
18 Lektionen · 7.7Std
Vibe Coding
12 Lektionen · 5.8Std
Prompt Engineering
11 Lektionen · 6.2Std
Vibe Coding: Fundamentals
12 Lektionen · 4.5Std
Vibe Coding: Prototype to Production
12 Lektionen · 5.5Std
Vibe Coding: Multi-Agent Engineering
12 Lektionen · 5.3Std
Vibe Coding: Advanced Engineering
12 Lektionen · 7.3Std