Dataverandering met behulp van 'n funksie in React

Dit is nie noodsaaklik om bedrywighede op die toestand direk by die uitset te doen nie. Jy kan van 'n funksie gebruik maak:

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

'N invoerveld en 'n paragraaf word gegee. Die gebruiker se ouderdom word in die invoerveld ingetik. Sorg dat, wanneer die teks getik word, die geboortejaar van die gebruiker outomaties in die paragraaf verskyn.

Задание 2

'N invoerveld en 'n paragraaf word gegee. Grade Fahrenheit word in die invoerveld ingevoer. Sorg dat, wanneer die teks getik word, die omskakeling na grade Celsius outomaties in die paragraaf uitgevoer word.