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
Copy file name to clipboardExpand all lines: src/content/reference/react/startTransition.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,7 +41,7 @@ function TabContainer() {
41
41
42
42
#### Paramètres {/*parameters*/}
43
43
44
-
*`scope` : une fonction qui met à jour l'état en appelant au moins une [fonction `set`](/reference/react/useState#setstate). React appelle immédiatement `scope` sans argument et marque toutes les mises à jour d'état demandées durant son exécution synchrone de `scope` comme des transitions. Elles seront [non bloquantes](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition) et [n'afficheront pas d'indicateurs de chargement indésirables](/reference/react/useTransition#preventing-unwanted-loading-indicators).
44
+
*`scope` : une fonction qui met à jour l'état en appelant au moins une [fonction `set`](/reference/react/useState#setstate). React appelle immédiatement `scope` sans argument et marque toutes les mises à jour d'état demandées durant l'exécution synchrone de `scope` comme des transitions. Elles seront [non bloquantes](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition) et [n'afficheront pas d'indicateurs de chargement indésirables](/reference/react/useTransition#preventing-unwanted-loading-indicators).
45
45
46
46
#### Valeur renvoyée {/*returns*/}
47
47
@@ -53,9 +53,9 @@ function TabContainer() {
53
53
54
54
* Vous pouvez enrober une mise à jour dans une transition uniquement si vous avez accès à la fonction `set` de l'état en question. Si vous souhaitez démarrer une transition en réaction à une prop ou à la valeur renvoyée par un Hook personnalisé, utilisez plutôt [`useDeferredValue`](/reference/react/useDeferredValue).
55
55
56
-
* La fonction que vous passez à `startTransition` doit être synchrone. React exécute cette fonction immédiatement, et marquer toutes les mises à jour demandées lors de son exécution comme des transitions. Si vous essayez de faire des mises à jour d'état plus tard (par exemple avec un timer), elles ne seront pas marquées comme des transitions.
56
+
* La fonction que vous passez à `startTransition` doit être synchrone. React exécute cette fonction immédiatement, et marque toutes les mises à jour demandées lors de son exécution comme des transitions. Si vous essayez de faire des mises à jour d'état plus tard (par exemple avec un timer), elles ne seront pas marquées comme des transitions.
57
57
58
-
* Une mise à jour d'état marquée comme une transition pourra être interrompue par d'autres mises à jour d'état. Par excemple, si vous mettez à jour un composant de diagramme au sein d'une transition, mais commencez alors une saisie dans un champ texte alors que le diagramme est en train de refaire son rendu, React redémarrera le rendu du composant diagramme après avoir traité la mise à jour d'état du champ.
58
+
* Une mise à jour d'état marquée comme une transition pourra être interrompue par d'autres mises à jour d'état. Par exemple, si vous mettez à jour un composant de graphe au sein d'une transition, mais commencez alors une saisie dans un champ texte tandis que le graphe est en train de refaire son rendu, React redémarrera le rendu du composant graphe après avoir traité la mise à jour d'état du champ.
59
59
60
60
* Les mises à jour en transition ne peuvent pas être utilisées pour contrôler des champs textuels.
61
61
@@ -67,7 +67,7 @@ function TabContainer() {
67
67
68
68
### Marquer une mise à jour d'état comme étant une transition non bloquante {/*marking-a-state-update-as-a-non-blocking-transition*/}
69
69
70
-
Vous pouvez indiquer qu'une mise à jour d'état constitue une *transition* en l'enrobant dans un appel à `startTransition` :
70
+
Vous pouvez indiquer qu'une mise à jour d'état doit être traitée comme une *transition* en l'enrobant dans un appel à `startTransition` :
71
71
72
72
```js {7,9}
73
73
import { startTransition } from'react';
@@ -86,11 +86,11 @@ function TabContainer() {
86
86
87
87
Les transitions vous permettent de conserver des mises à jour d'interface utilisateur réactives même sur des appareils lents.
88
88
89
-
Avec une transition, votre UI reste réactive pendant le rendu. Par exemple, si l'utilisateur clique sur un onglet mais ensuite change d'avis et va sur un autre onglet, ils peuvent le faire sans devoir d'abord attendre que le premier onglet ait fini son rendu.
89
+
Avec une transition, votre UI reste réactive pendant le rendu. Par exemple, si l'utilisateur clique sur un onglet mais ensuite change d'avis et va sur un autre onglet, il peut le faire sans devoir d'abord attendre que le premier onglet ait fini son rendu.
90
90
91
91
<Note>
92
92
93
-
`startTransition` est très similaire à [`useTransition`](/reference/react/useTransition), à ceci près qu'elle ne fournit pas le drapeau `isPending` pour surveiller la progression de la transition. Vous pouvez appeler `startTransition` quand `useTransition` est indisponible. Par exemple, `startTransition` fonctionne hors des composants, comme pour une bibliothèque de gestion de données.
93
+
`startTransition` est très similaire à [`useTransition`](/reference/react/useTransition), à ceci près qu'elle ne fournit pas le drapeau `isPending` pour surveiller la progression de la transition. Vous pouvez appeler `startTransition` quand `useTransition` est indisponible. En particulier, `startTransition` fonctionne hors des composants, comme par exemple dans une bibliothèque de gestion de données.
94
94
95
95
[Apprenez-en davantage sur les transitions et consultez des exemples sur la page de `useTransition`](/reference/react/useTransition).
0 commit comments