Arbeiten mit mehreren Inputs in React
Nehmen wir an, wir haben zwei Input-Felder, in die Zahlen eingegeben werden. Lassen Sie uns dies so gestalten, dass während der Eingabe in einen Absatz die Summe der beiden Inputs ausgegeben wird:
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>
}
Es sind 5 Input-Felder gegeben. Sorgen Sie dafür,
dass bei der Eingabe von Zahlen in unsere Input-Felder im Absatz
der arithmetische Mittelwert der eingegebenen Zahlen ausgegeben wird.
