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

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

function 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>
}

5 инпутҳо дода шудаанд. Чунон кунед, ки ҳангоми ворид кардани рақамҳо ба инпутҳои мо ба абзас миёнаи арифметикии рақамҳои воридшуда бароварда шавад.