Modifica dei dati di input durante la loro visualizzazione in React
Supponiamo di inserire un numero in un input. Facciamo in modo che man mano che il numero viene inserito nell'input, nel paragrafo venga visualizzato il quadrato del numero inserito:
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{value ** 2}</p>
</div>;
}
È dato un input. È dato un paragrafo. Fai in modo che quando del testo viene inserito nell'input, nel paragrafo venga visualizzato il numero di caratteri inseriti nell'input.