Skip to content

Commit 0673dc7

Browse files
Translate <select> - updated & fixed typos
¡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.
1 parent 9b2d772 commit 0673dc7

File tree

1 file changed

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

1 file changed

+7
-7
lines changed

beta/src/content/reference/react-dom/components/select.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -40,23 +40,23 @@ Para mostrar un recuadro de selección, renderiza el componente [nativo del nave
4040

4141
Puedes [hacer un recuadro de selección controlado](#controlling-a-select-box-with-a-state-variable) al pasar una prop `value`:
4242

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>`.
4444

4545
Cuando pases un `value`, tienes que incluir también un handler `onChange` que actualice el valor que has pasado.
4646

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`:
4848

4949
* `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)
5050

5151
Estas props `<select>` son relevantes para ambos recuadros de selección no controlados y controlados:
5252

5353
* [`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.
5555
* `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`.
5656
* [`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.
5757
* [`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.
5858
* [`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)
6060
* `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.
6161
* `onChangeCapture`: Una versión de `onChange` que se ejecuta en la [fase de captura.](/learn/responding-to-events#capture-phase-events)
6262
* [`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
190190

191191
### Permitir la selección múltiple {/*enabling-multiple-selection*/}
192192

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.
194194

195195
<Sandpack>
196196

@@ -292,7 +292,7 @@ Si usas `<select multiple={true}>`, el [`FormData`](https://developer.mozilla.or
292292

293293
<Pitfall>
294294

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.
296296

297297
</Pitfall>
298298

@@ -321,7 +321,7 @@ function FruitPicker() {
321321
}
322322
```
323323

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.
325325

326326
<Sandpack>
327327

0 commit comments

Comments
 (0)