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>परिणाम: {value1 + value2}</p>
	</div>
}

5 इनपुट दिए गए हैं। ऐसा करें कि हमारे इनपुट में नंबर दर्ज करने पर एक पैराग्राफ में दर्ज किए गए नंबरों का अंकगणितीय माध्य प्रदर्शित हो।