Εργασία με πολλαπλά inputs στο React

Ας υποθέσουμε ότι έχουμε δύο inputs, στα οποία θα εισάγονται αριθμοί. Ας κάνουμε έτσι ώστε κατά την εισαγωγή να εμφανίζεται στο παράγραφο το άθροισμα των δύο inputs:

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>αποτέλεσμα: {value1 + value2}</p>
  </div>
}