Skip to content

Commit df5e3b7

Browse files
committed
copy(use-form-status): final review pass
1 parent 8d7f65b commit df5e3b7

File tree

2 files changed

+10
-9
lines changed

2 files changed

+10
-9
lines changed

TRANSLATORS.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
103103
<li><a href="https://fr.react.dev/reference/react/use-client"><code>'use client'</code></a></li>
104104
<li><a href="https://fr.react.dev/reference/react/use-server"><code>'use server'</code></a></li>
105105
<li><a href="https://fr.react.dev/reference/react-dom/hooks">react-dom : Hooks</a> (accueil chapitre)</li>
106+
<li><a href="https://fr.react.dev/reference/react-dom/hooks/useFormStatus"><code>useFormStatus</code></a></li>
106107
<li><a href="https://fr.react.dev/reference/react-dom/components">react-dom : Composants</a> (accueil chapitre)</li>
107108
<li><a href="https://fr.react.dev/reference/react-dom/components/select"><code>&lt;select&gt;</code></a></li>
108109
<li><a href="https://fr.react.dev/reference/react-dom">API React DOM intégrées</a></li>

src/content/reference/react-dom/hooks/useFormStatus.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Le Hook `useFormStatus` n'est actuellement disponible que sur les canaux de livr
1111

1212
<Intro>
1313

14-
`useFormStatus` est un Hook qui vous fournit des informations d'état sur le dernier envoi de formulaire.
14+
`useFormStatus` est un Hook qui vous fournit des informations d'état sur le dernier envoi de formulaire parent.
1515

1616
```js
1717
const { pending, data, method, action } = useFormStatus();
@@ -27,7 +27,7 @@ const { pending, data, method, action } = useFormStatus();
2727

2828
### `useFormStatus()` {/*use-form-status*/}
2929

30-
Le Hook `useFormStatus` vous fournit des informations d'état sur le dernier envoi de formulaire.
30+
Le Hook `useFormStatus` vous fournit des informations d'état sur le dernier envoi de formulaire parent.
3131

3232
```js {5},[[1, 6, "status.pending"]]
3333
import { useFormStatus } from "react-dom";
@@ -47,9 +47,9 @@ export default App() {
4747
}
4848
```
4949

50-
Pour récupérer les informations d'état, le composant `Submit` doit faire sonrendu au sein d'un `<form>`. Le Hook renvoie des informations telles que la propriété <CodeStep step={1}>`pending`</CodeStep>, qui vous indique si le formulaire est en cours d'envoi.
50+
Pour récupérer les informations d'état, le composant `Submit` doit être utilisé au sein d'un `<form>`. Le Hook renvoie des informations telles que la propriété <CodeStep step={1}>`pending`</CodeStep>, qui vous indique si le formulaire est en cours d'envoi.
5151

52-
Dans l'exemple ci-dessus, `Submit` utilise cette information pour désactiver le `<button>` pendant l'envoi du formulaire.
52+
Dans l'exemple ci-dessus, `Submit` utilise cette information pour désactiver l'interactivité du `<button>` pendant l'envoi du formulaire.
5353

5454
[Voir plus d'exemples ci-dessous](#usage).
5555

@@ -63,7 +63,7 @@ Un objet `status` doté des propriétés suivantes :
6363

6464
* `pending` : un booléen. Vaut `true` si le `<form>` parent est en cours d'envoi, sinon `false`.
6565

66-
* `data` : un objet qui implémente [l'interface `FormData`](https://developer.mozilla.org/docs/Web/API/FormData), contenant les données que le `<form>` parent est en train d'envoyer. Si aucun envoi n'est en cours, ou qu'il n'y a pas de `<form>` parent, cette propriété vaut `null`.
66+
* `data` : un objet qui implémente [l'interface `FormData`](https://developer.mozilla.org/docs/Web/API/FormData), contenant les données que le `<form>` parent est en train d'envoyer. Si aucun envoi n'est en cours, ou s'il n'y a pas de `<form>` parent, cette propriété vaut `null`.
6767

6868
* `method` : une chaîne de caractères valant soit `'get'`, soit `'post'`, selon que le `<form>` parent est en train de faire un envoi avec une [méthode HTTP](https://developer.mozilla.org/docs/Web/HTTP/Methods) `GET` ou `POST`. Par défaut, un `<form>` utilisera la méthode `GET`, mais ça peut être spécifié par l'attribut [`method`](https://developer.mozilla.org/docs/Web/HTML/Element/form#method).
6969

@@ -152,7 +152,7 @@ Appelez plutôt `useFormStatus` depuis un composant imbriqué dans `<form>`.
152152

153153
```js
154154
function Submit() {
155-
// ✅ `pending` se basera sur le fomrulaire qui enrobe
155+
// ✅ `pending` se basera sur le formulaire qui enrobe
156156
// le composant Submit
157157
const { pending } = useFormStatus();
158158
return <button disabled={pending}>...</button>;
@@ -172,9 +172,9 @@ function Form() {
172172

173173
### Lire les données en cours d'envoi {/*read-form-data-being-submitted*/}
174174

175-
Vous pouvez utiliser la propriété `data` des informations d'état renvoyées par `useFormStatus` afin d'afficher les données que l'utilisateur est en train d'envoyer.
175+
Vous pouvez utiliser la propriété `data` des informations d'état renvoyées par `useFormStatus` pour afficher les données que l'utilisateur est en train d'envoyer.
176176

177-
Dans l'exemple ci-dessous, nous avons un formulaire permettant à l'utilisateur de demander un identifiant. Nous pouvons y utiliser `useFormStatus` pour afficher un message temporaire confirmant l'identifiant demandé.
177+
Dans l'exemple ci-dessous, nous avons un formulaire permettant à l'utilisateur de réserver un identifiant. Nous pouvons y utiliser `useFormStatus` pour afficher un message temporaire confirmant l'identifiant demandé.
178178

179179
<Sandpack>
180180

@@ -206,7 +206,7 @@ export default function UsernameForm() {
206206

207207
return (
208208
<>
209-
<label>Demander l’identifiant : </label><br />
209+
<label>Réserver l’identifiant : </label><br />
210210
<input type="text" name="username" />
211211
<button type="submit" disabled={pending}>
212212
{pending ? 'Envoi en cours...' : 'Envoyer'}

0 commit comments

Comments
 (0)