Работа со повеќе влезни полиња во 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 влезни полиња. Направете така што при внесување на броеви во нашите влезни полиња, во параграфот да се испечати аритметичката средина на внесените броеви.