Werk met veelvuldige insette in React

Laat ons twee insette hê waarin getalle ingevoer sal word. Kom ons maak dit so dat soos wat daar ingevoer word, die som van die twee insette in 'n paragraaf vertoon word:

jsxfunction App() {
  const [value1, setValue1] = useState(0);
  const [value2, setValue2] = useState(0);
  
  function handleChange1(event) {
    setValue1(+event.target.value);
  }
  
  function handleChange2(event) {
    setValue2(+event.target.value);
  }
  
  return <div>
    <input value={value1} onChange={handleChange1} />
    <input value={value2} onChange={handleChange2} />
    <p>resultaat: {value1 + value2}</p>
  </div>
}