Travailler avec plusieurs inputs dans React

Supposons que nous ayons deux inputs, dans lesquels des nombres seront saisis. Faisons en sorte que pendant la saisie, la somme des deux inputs soit affichée dans un paragraphe :

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>résultat : {value1 + value2}</p>
  </div>
}