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:

jsxfunction 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>;
}
Задание 1

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.

Задание 2

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.