IntermédiaireLeçon 3 sur 1730 min · pratique
Props
Partie du cours React
Tous les composants que vous avez écrits jusqu'ici avaient leur contenu écrit en dur. Greeting salue toujours le même nom, Card affiche toujours le même texte. C'est acceptable pour une démonstration, mais cela va à l'encontre de tout l'intérêt d'un composant : écrire quelque chose une fois et le réutiliser à plusieurs endroits avec des contenus différents.
Vous passez une prop à un composant exactement comme vous poseriez un attribut sur une balise HTML, en écrivant name="value" à l'intérieur de la balise ouvrante :
Envie d’apprendre React Props dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Props avec un tuteur IA qui connaît votre code.
Commencer cette leçonPropsCe que vous allez apprendre
- Passing props as attributes
- Receiving props object
- Destructuring props in signature
- Default values
- Thinking about prop shapes
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
Python
19 leçons · 9.3h
Go
20 leçons · 12.3h
Linux
17 leçons · 8.5h
Docker
13 leçons · 6.6h
Git
13 leçons · 5.9h
Kubernetes
14 leçons · 8h
Ansible
12 leçons · 6.1h
Bash
12 leçons · 5.7h
Helm
10 leçons · 5.4h
GitLab CI
11 leçons · 5.8h
Jenkins
11 leçons · 5.3h
PostgreSQL
14 leçons · 7.6h
MySQL
13 leçons · 6.8h
Web
14 leçons · 5.9h
TypeScript
18 leçons · 7.7h
Vibe Coding
12 leçons · 5.8h
Prompt Engineering
11 leçons · 6.2h
Vibe Coding : les fondamentaux
12 leçons · 4.5h
Vibe Coding : du prototype à la production
12 leçons · 5.5h
Vibe coding : l'ingénierie multi-agents
12 leçons · 5.3h
Vibe coding : ingénierie avancée
12 leçons · 7.3h