Skip to content

Commit c9f1f5d

Browse files
paulus85tdd
andcommitted
Apply suggestions from code review
Co-authored-by: Christophe Porteneuve <tdd@tddsworld.com>
1 parent 330e1a4 commit c9f1f5d

File tree

1 file changed

+14
-14
lines changed
  • src/content/reference/react-dom/components

1 file changed

+14
-14
lines changed

src/content/reference/react-dom/components/option.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: "<option>"
44

55
<Intro>
66

7-
Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
7+
Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste déroulante [`<select>`](/reference/react-dom/components/select).
88

99
```js
1010
<select>
@@ -23,40 +23,40 @@ Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/E
2323

2424
### `<option>` {/*option*/}
2525

26-
Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet de rendre une option dans un champ [`<select>`](/reference/react-dom/components/select).
26+
Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option) vous permet d'afficher une option dans une liste déroulante [`<select>`](/reference/react-dom/components/select).
2727

2828
```js
2929
<select>
30-
<option value="someOption">Une option</option>
31-
<option value="otherOption">Une autre option</option>
30+
<option value="someOption">Une option</option>
31+
<option value="otherOption">Une autre option</option>
3232
</select>
3333
```
3434

35-
[Voir d'autres exemples ci-dessous.](#usage)
35+
[Voir d'autres exemples ci-dessous](#usage).
3636

3737
#### Props {/*props*/}
3838

39-
`<option>` supporte toutes les [props des éléments communs](/reference/react-dom/components/common#props).
39+
`<option>` prend en charge toutes les [props communes aux éléments](/reference/react-dom/components/common#props).
4040

41-
De plus, `<option>` supporte ces props :
41+
`<option>` prend également en charge les props suivantes :
4242

43-
* [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled): Un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra comme atténuée.
44-
* [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label): Une chaine de caractère. Indique la signification de l'option. Si non indiqué, le texte dans l'option sera utilisé.
45-
* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value): La valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
43+
* [`disabled`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#disabled) : un booléen. Si `true`, l'option ne sera pas sélectionnable et apparaîtra grisée.
44+
* [`label`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#label) : une chaine de caractères. Indique la signification de l'option. Lorsqu'elle est manquante, le texte de l'option est utilisé.
45+
* [`value`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/option#value) : la valeur utilisée [quand on soumet le `<select>` parent dans un formulaire](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form), si cette option est sélectionnée.
4646

4747
#### Limitations {/*caveats*/}
4848

49-
* React ne supporte pas l'attribut `selected` pour `<option>`. À la place, passez la `value` de cette option au [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) parent pour un composant select non contrôlé, ou [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) pour un composant select contrôlé.
49+
* React ne prend pas en charge l'attribut `selected` pour `<option>`. Passez plutôt la `value` de cette option au [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) parent pour une liste déroulante non contrôlée, ou [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) pour une liste déroulante contrôlée.
5050

5151
---
5252

5353
## Utilisation {/*usage*/}
5454

55-
### Afficher un champ select avec des options {/*displaying-a-select-box-with-options*/}
55+
### Afficher une liste déroulante avec des options {/*displaying-a-select-box-with-options*/}
5656

57-
Écrivez un `<select>` avec une liste de composants `<option>` à l'intérieur pour afficher un champ select. Donnez à chaque `<option>` une `value` qui représente la donnée qui sera soumise avec le formulaire.
57+
Utilisez un `<select>` avec une liste de composants `<option>` à l'intérieur pour afficher une liste déroulante. Donnez à chaque `<option>` une `value` qui représente la donnée qui sera soumise avec le formulaire.
5858

59-
[Lire davantage à propos de l'affichage d'un `<select>` avec une liste de composants `<option>`.](/reference/react-dom/components/select)
59+
[Apprenez-en davantage sur l'affichage d'un `<select>` avec une liste de composants `<option>`](/reference/react-dom/components/select).
6060

6161
<Sandpack>
6262

0 commit comments

Comments
 (0)