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-dom/components/option.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: "<option>"
4
4
5
5
<Intro>
6
6
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).
8
8
9
9
```js
10
10
<select>
@@ -23,40 +23,40 @@ Le [composant natif `<option>`](https://developer.mozilla.org/fr/docs/Web/HTML/E
23
23
24
24
### `<option>` {/*option*/}
25
25
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).
27
27
28
28
```js
29
29
<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>
32
32
</select>
33
33
```
34
34
35
-
[Voir d'autres exemples ci-dessous.](#usage)
35
+
[Voir d'autres exemples ci-dessous](#usage).
36
36
37
37
#### Props {/*props*/}
38
38
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).
40
40
41
-
De plus, `<option>`supporte ces props :
41
+
`<option>`prend également en charge les props suivantes :
42
42
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.
46
46
47
47
#### Limitations {/*caveats*/}
48
48
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.
50
50
51
51
---
52
52
53
53
## Utilisation {/*usage*/}
54
54
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*/}
56
56
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.
58
58
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).
0 commit comments