Arbejde med flere inputs i React
Lad os sige, at vi har to inputfelter, hvor der skal indtastes tal. Lad os gøre det sådan, at mens der indtastes, vil summen af de to inputfelter blive vist i et afsnit:
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>resultat: {value1 + value2}</p>
</div>
}
Der er givet 5 inputfelter. Gør sådan, at
når der indtastes tal i vores inputfelter, vises
det aritmetiske gennemsnit af de indtastede tal i et afsnit.
