You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -673,7 +673,7 @@ Vous cesserez d'utiliser les props dans la prochaine étape.
673
673
674
674
### Étape 3 : utiliser un contexte n'importe où dans l'arbre {/*step-3-use-context-anywhere-in-the-tree*/}
675
675
676
-
Vous n'avez désormais plus besoin de passer la liste de tâches ou les gestionnaires d'événements à travers l'arbre :
676
+
Vous n'avez désormais plus besoin de passer la liste de tâches ou les gestionnaires d'événements à travers l'arbre à coups de props :
677
677
678
678
```js {4-5}
679
679
<TasksContext.Provider value={tasks}>
@@ -693,7 +693,7 @@ export default function TaskList() {
693
693
// ...
694
694
```
695
695
696
-
Pour mettre à jour la liste de tâches, un composant peut lire la fonction `dispatch` depuis le contexte et l'appeler :
696
+
Pour mettre à jour la liste de tâches, un composant peut lire la fonction `dispatch` depuis le contexte approprié, puis l'appeler :
697
697
698
698
```js {3,9-13}
699
699
exportdefaultfunctionAddTask() {
@@ -713,7 +713,7 @@ export default function AddTask() {
713
713
// ...
714
714
```
715
715
716
-
**Le composant `TaskApp` ne transmet aucun gestionnaire d'événement vers le bas et la `TaskList` ne transmet pas non plus de gestionnaire d'événement au composant `Task`.** Chaque composant lit le contexte dont il a besoin :
716
+
**Le composant `TaskApp` ne transmet aucun gestionnaire d'événement à ses enfants, et la `TaskList` ne transmet pas non plus de gestionnaire d'événement au composant `Task`.** Chaque composant lit le contexte dont il a besoin :
717
717
718
718
<Sandpack>
719
719
@@ -801,7 +801,7 @@ export default function AddTask() {
## Déplacer toute cette plomberie dans un seul fichier {/*moving-all-wiring-into-a-single-file*/}
903
903
904
-
Vous n'êtes pas obligé·e de le faire, mais vous pouvez encore alléger les composants en déplaçant le réducteur et le contexte dans un seul fichier. Pour le moment, `TasksContext.js` ne contient que les deux déclarations de contexte :
904
+
Ça n'a rien d'obligatoire, mais vous pouvez encore alléger les composants en déplaçant le réducteur et le contexte dans un unique fichier distinct. Pour le moment, `TasksContext.js` ne contient que les deux déclarations de contexte :
905
905
906
906
```js
907
907
import { createContext } from'react';
@@ -1025,7 +1025,7 @@ export default function AddTask() {
1025
1025
type:'added',
1026
1026
id: nextId++,
1027
1027
text: text,
1028
-
});
1028
+
});
1029
1029
}}>Ajouter</button>
1030
1030
</>
1031
1031
);
@@ -1244,7 +1244,7 @@ export default function AddTask() {
1244
1244
type:'added',
1245
1245
id: nextId++,
1246
1246
text: text,
1247
-
});
1247
+
});
1248
1248
}}>Ajouter</button>
1249
1249
</>
1250
1250
);
@@ -1359,8 +1359,7 @@ Au fur et à mesure que votre appli grandit, il se peut que vous ayez de nombreu
1359
1359
3. Utilisez l'un ou l'autre des contextes pour les composants qui ont besoin de les lire.
1360
1360
- Vous avez la possibilité d'alléger les composants en déplaçant toute la plomberie dans un seul fichier.
1361
1361
- Vous pouvez exporter un composant tel que `TasksProvider` qui fournit le contexte.
1362
-
- Vous pouvez également exporter des Hooks personnalisés comme `useTasks` et `useTasksDispatch` pour les lire.
1362
+
- Vous pouvez également exporter des Hooks personnalisés tels que `useTasks` et `useTasksDispatch` pour lire vos contextes spécifiques.
1363
1363
- Vous pouvez disposer de nombreuses paires contexte-réducteur comme ça dans votre appli.
0 commit comments