Коркарди якчанд инпутҳо дар React

Бигзор мо ду инпут дошта бошем, ки ба онҳо рақамҳо дохил карда мешаванд. Биёед чунон кунем, ки ҳангоми воридкунӣ ба абзас ҷамъи ду инпут бароварда шавад:

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