Gegevens aanpassen met een functie in React
Het is niet verplicht om bewerkingen op de state rechtstreeks bij de weergave uit te voeren. Je kunt gebruik maken van een functie:
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>;
}
Er is een invoerveld en een alinea. In het invoerveld wordt de leeftijd van de gebruiker ingevoerd. Zorg ervoor dat tijdens het typen in de alinea automatisch het geboortejaar van de gebruiker verschijnt.
Er is een invoerveld en een alinea. In het invoerveld worden graden Fahrenheit ingevoerd. Zorg ervoor dat tijdens het typen in de alinea automatisch de conversie naar graden Celsius wordt uitgevoerd.