Modifica dei dati utilizzando una funzione in React
Non è necessario eseguire operazioni sullo state direttamente durante la visualizzazione. Si può utilizzare una funzione:
function square(num) {
return num ** 2;
}
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{square(value)}</p>
</div>;
}
Sono forniti un input e un paragrafo. Nell'input viene inserita l'età dell'utente. Fai in modo che durante la digitazione, nel paragrafo appaia automaticamente l'anno di nascita dell'utente.
Sono forniti un input e un paragrafo. Nell'input vengono inseriti i gradi Fahrenheit. Fai in modo che durante la digitazione, nel paragrafo venga eseguita automaticamente la conversione in gradi Celsius.