Skip to content

Commit 946eda2

Browse files
committed
fix(reference): address review feedback for react-dom input
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent f7a8052 commit 946eda2

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

  • src/content/reference/react-dom/components

‎src/content/reference/react-dom/components/input.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ Queste props di `<input>` sono rilevanti sia per input non controllati che contr
108108

109109
## Usage {/*usage*/}
110110

111-
### Displaying inputs of different types {/*displaying-inputs-of-different-types*/}
111+
### Visualizzare input di tipi diversi {/*displaying-inputs-of-different-types*/}
112112

113113
Per visualizzare un input, renderizza un componente `<input>`. Per impostazione predefinita, sarà un input di testo. Puoi passare `type="checkbox"` per una checkbox, `type="radio"` per un radio button, [o uno degli altri tipi di input.](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types)
114114

@@ -155,7 +155,7 @@ input { margin: 5px; }
155155

156156
---
157157

158-
### Providing a label for an input {/*providing-a-label-for-an-input*/}
158+
### Fornire un'etichetta per un input {/*providing-a-label-for-an-input*/}
159159

160160
Di solito, posizionerai ogni `<input>` all'interno di un tag [`<label>`](https://developer.mozilla.org/it/docs/Web/HTML/Element/label). Questo indica al browser che questa etichetta è associata a quell'input. Quando l'utente clicca sull'etichetta, il browser metterà automaticamente a fuoco l'input. È anche essenziale per l'accessibilità: uno screen reader annuncerà la didascalia dell'etichetta quando l'utente mette a fuoco l'input associato.
161161

@@ -190,7 +190,7 @@ input { margin: 5px; }
190190

191191
---
192192

193-
### Providing an initial value for an input {/*providing-an-initial-value-for-an-input*/}
193+
### Fornire un valore iniziale per un input {/*providing-an-initial-value-for-an-input*/}
194194

195195
Puoi specificare facoltativamente il valore iniziale per qualsiasi input. Passalo come stringa `defaultValue` per gli input di testo. Checkbox e radio button dovrebbero specificare il valore iniziale con il booleano `defaultChecked`.
196196

@@ -242,7 +242,7 @@ input { margin: 5px; }
242242

243243
---
244244

245-
### Reading the input values when submitting a form {/*reading-the-input-values-when-submitting-a-form*/}
245+
### Leggere i valori degli input all'invio di un form {/*reading-the-input-values-when-submitting-a-form*/}
246246

247247
Aggiungi un [`<form>`](https://developer.mozilla.org/it/docs/Web/HTML/Element/form) attorno ai tuoi input con un [`<button type="submit">`](https://developer.mozilla.org/it/docs/Web/HTML/Element/button) all'interno. Chiamerà il tuo gestore di eventi `<form onSubmit>`. Per impostazione predefinita, il browser invierà i dati del form all'URL corrente e aggiornerà la pagina. Puoi sovrascrivere questo comportamento chiamando `e.preventDefault()`. Leggi i dati del form con [`new FormData(e.target)`](https://developer.mozilla.org/en-US/docs/Web/API/FormData).
248248
<Sandpack>
@@ -310,7 +310,7 @@ Per impostazione predefinita, un `<button>` all'interno di un `<form>` senza att
310310

311311
---
312312

313-
### Controlling an input with a state variable {/*controlling-an-input-with-a-state-variable*/}
313+
### Controllare un input con una variabile di state {/*controlling-an-input-with-a-state-variable*/}
314314

315315
Un input come `<input />` è *non controllato.* Anche se [passi un valore iniziale](#providing-an-initial-value-for-an-input) come `<input defaultValue="Initial text" />`, il tuo JSX specifica solo il valore iniziale. Non controlla quale dovrebbe essere il valore in questo momento.
316316

@@ -423,7 +423,7 @@ p { font-weight: bold; }
423423
424424
---
425425
426-
### Optimizing re-rendering on every keystroke {/*optimizing-re-rendering-on-every-keystroke*/}
426+
### Ottimizzare la ri-renderizzazione a ogni battitura {/*optimizing-re-rendering-on-every-keystroke*/}
427427
428428
Quando usi un input controllato, imposti lo state a ogni battitura. Se il componente che contiene il tuo state ri-renderizza un albero grande, questo può diventare lento. Ci sono alcuni modi per ottimizzare le prestazioni di ri-renderizzazione.
429429
@@ -473,7 +473,7 @@ Se non c'è modo di evitare la ri-renderizzazione (ad esempio, se `PageContent`
473473
474474
## Troubleshooting {/*troubleshooting*/}
475475
476-
### My text input doesn't update when I type into it {/*my-text-input-doesnt-update-when-i-type-into-it*/}
476+
### Il mio input di testo non si aggiorna quando digito {/*my-text-input-doesnt-update-when-i-type-into-it*/}
477477
478478
Se renderizzi un input con `value` ma senza `onChange`, vedrai un errore nella console:
479479
@@ -511,7 +511,7 @@ Se il valore è intenzionalmente in sola lettura, aggiungi una prop `readOnly` p
511511
512512
---
513513
514-
### My checkbox doesn't update when I click on it {/*my-checkbox-doesnt-update-when-i-click-on-it*/}
514+
### La mia checkbox non si aggiorna quando la clicco {/*my-checkbox-doesnt-update-when-i-click-on-it*/}
515515
516516
Se renderizzi una checkbox con `checked` ma senza `onChange`, vedrai un errore nella console:
517517
@@ -555,7 +555,7 @@ Se la checkbox è intenzionalmente in sola lettura, aggiungi una prop `readOnly`
555555
556556
---
557557
558-
### My input caret jumps to the beginning on every keystroke {/*my-input-caret-jumps-to-the-beginning-on-every-keystroke*/}
558+
### Il caret dell'input salta all'inizio a ogni battitura {/*my-input-caret-jumps-to-the-beginning-on-every-keystroke*/}
559559
560560
Se [controlli un input,](#controlling-an-input-with-a-state-variable) devi aggiornare la sua variabile di state al valore dell'input dal DOM durante `onChange`.
561561
@@ -592,7 +592,7 @@ Se questo non risolve il problema, è possibile che l'input venga rimosso e ri-a
592592
593593
---
594594
595-
### I'm getting an error: "A component is changing an uncontrolled input to be controlled" {/*im-getting-an-error-a-component-is-changing-an-uncontrolled-input-to-be-controlled*/}
595+
### Ricevo un errore: "A component is changing an uncontrolled input to be controlled" {/*im-getting-an-error-a-component-is-changing-an-uncontrolled-input-to-be-controlled*/}
596596
597597
598598
Se fornisci un `value` al componente, deve rimanere una stringa per tutta la sua vita.

0 commit comments

Comments
 (0)