Werken met meerdere inputs in React
Stel we hebben twee inputs, waarin getallen worden ingevoerd. Laten we ervoor zorgen dat tijdens het invoeren de som van de twee inputs in een paragraaf wordt weergegeven:
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>resultaat: {value1 + value2}</p>
</div>
}
Er zijn 5 inputs. Zorg ervoor dat
bij het invoeren van getallen in onze inputs in de paragraaf het
rekenkundig gemiddelde van de ingevoerde getallen wordt weergegeven.
