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
¡Hola @carburo! Ya he incluido los cambios que indicaste. ¡Muchas gracias por la atención revisando la Pull request! Si hay que hacer más modificaciones, no dudes en decírmelo.
Copy file name to clipboardExpand all lines: beta/src/content/reference/react-dom/components/select.md
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -40,23 +40,23 @@ Para mostrar un recuadro de selección, renderiza el componente [nativo del nave
40
40
41
41
Puedes [hacer un recuadro de selección controlado](#controlling-a-select-box-with-a-state-variable) al pasar una prop `value`:
42
42
43
-
*`value`: Un string (o un array de strings para [`multiple={true}`](#enabling-multiple-selection)). Controla que opción se ha seleccionado. Cada string value coincide con el `value` de alguna `<option>` anidada dentro del `<select>`.
43
+
*`value`: Un string (o un array de strings para [`multiple={true}`](#enabling-multiple-selection)). Controla qué opción se ha seleccionado. Cada valor de string coincide con el `value` de alguna `<option>` anidada dentro del `<select>`.
44
44
45
45
Cuando pases un `value`, tienes que incluir también un handler `onChange` que actualice el valor que has pasado.
46
46
47
-
Si tu `<select>` es no controlado, deberías incluir en su lugar el prop `defaultValue`:
47
+
Si tu `<select>` es no controlado, deberías incluir en su lugar la prop `defaultValue`:
48
48
49
49
*`defaultValue`: Un string (o un array de strings para [`multiple={true}`](#enabling-multiple-selection)). Especifica [la opción inicial seleccionada.](#providing-an-initially-selected-option)
50
50
51
51
Estas props `<select>` son relevantes para ambos recuadros de selección no controlados y controlados:
52
52
53
53
*[`autoComplete`](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-autocomplete): Un string. Especifica uno de los posibles [comportamientos de autocompletado.](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-autocomplete)
54
-
*[`autoFocus`](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-autofocus): Un booleano. Si es `true`, React enfocará el elemento en su mountaje.
54
+
*[`autoFocus`](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-autofocus): Un booleano. Si es `true`, React enfocará el elemento en su montaje.
55
55
*`children`: `<select>` acepta [`<option>`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option), [`<optgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup) y el componente [`<datalist>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup) como children. También puedes pasarle tus propios componentes siempre y cuando ellos rendericen eventualmente uno de los componentes aceptados. Si pasas tus propios componentes que eventualmente rendericen la etiqueta `<option>`, cada `<option>` que renderices debe tener un `value`.
56
56
*[`disabled`](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-disabled): Un booleano. Si es `true`, el recuadro de selección no será interactivo y aparecerá atenuado.
57
57
*[`form`](https://developer.mozilla.org/es/docs/Web/HTML/Element/select#attr-form): Un string. Especifica el `id` del `<form>` al que pertenece este recuadro de selección. Si se omite, es al form padre más próximo.
58
58
*[`multiple`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple): Un booleano. Si es `true`, el navegador permite [selección múltiple.](#enabling-multiple-selection)
59
-
*[`name`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-name): Un string. Especifica el nombre de este recuadro de selección que será enviado[con el submitt del form.](#reading-the-select-box-value-when-submitting-a-form)
59
+
*[`name`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-name): Un string. Especifica el nombre de este recuadro de selección que será enviado[con el submit del form.](#reading-the-select-box-value-when-submitting-a-form)
60
60
*`onChange`: Una función [`Event` handler](/reference/react-dom/components/common#event-handler). Necesaria para los [recuadros de selección controlados.](#controlling-a-select-box-with-a-state-variable) Se ejecuta inmediatamente cuando el usuario elige una opción diferente. Se comporta como el [evento `input`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event) del navegador.
61
61
*`onChangeCapture`: Una versión de `onChange` que se ejecuta en la [fase de captura.](/learn/responding-to-events#capture-phase-events)
62
62
*[`onInput`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event): Una función [`Event` handler](/reference/react-dom/components/common#event-handler). Se ejecuta inmediatamente cuando el valor es cambiado por el usuario. Por razones históricas, en React es propio al lenguaje usar `onChange` en su lugar que funciona de forma similar.
@@ -190,7 +190,7 @@ A diferencia de en HTML, pasar un atributo `selected` a un `<option>` individual
190
190
191
191
### Permitir la selección múltiple {/*enabling-multiple-selection*/}
192
192
193
-
Pasa `multiple={true}` al `<select>` para permitir al usuario seleccionar múltiples opciones. En ese caso, si también especificas un `defaultValue` para escoger la opcion inicial seleccionada, debe ser un array.
193
+
Pasa `multiple={true}` al `<select>` para permitir al usuario seleccionar múltiples opciones. En ese caso, si también especificas un `defaultValue` para escoger la opción inicial seleccionada, debe ser un array.
194
194
195
195
<Sandpack>
196
196
@@ -292,7 +292,7 @@ Si usas `<select multiple={true}>`, el [`FormData`](https://developer.mozilla.or
292
292
293
293
<Pitfall>
294
294
295
-
Por defecto, *cualquier*`<button>` dentro de un `<form>` lo enviará. ¡Esto puede ser desconcertante! Si tienes tu propio componente customizado de React `Button`, piensa en devolver un [`<button type="button">`](https://developer.mozilla.org/es/docs/Web/HTML/Element/input/button) en lugar de `<button>`. Entonces, para actuar de forma explícita, usa `<button type="submit">` para los buttons que *deben*envíar el formulario.
295
+
Por defecto, *cualquier*`<button>` dentro de un `<form>` lo enviará. ¡Esto puede ser desconcertante! Si tienes tu propio componente `Button` personalizado, piensa en devolver un [`<button type="button">`](https://developer.mozilla.org/es/docs/Web/HTML/Element/input/button) en lugar de `<button>`. Entonces, para actuar de forma explícita, usa `<button type="submit">` para los buttons que *deben*enviar el formulario.
296
296
297
297
</Pitfall>
298
298
@@ -321,7 +321,7 @@ function FruitPicker() {
321
321
}
322
322
```
323
323
324
-
Esto es útil si quieres re-renderizar alguna parte de la UI en respuesta a cada selección.
324
+
Esto es útil si quieres volver a renderizar alguna parte de la UI en respuesta a cada selección.
0 commit comments