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

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

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 inputs. Κάντε έτσι ώστε κατά την εισαγωγή αριθμών στα inputs μας, στην παράγραφο να εμφανίζεται ο αριθμητικός μέσος των εισαγόμενων αριθμών.