Làm việc với nhiều input trong React
Giả sử chúng ta có hai input, trong đó sẽ nhập các số. Hãy làm sao để khi nhập, tổng của hai input sẽ được hiển thị trong đoạn văn:
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>kết quả: {value1 + value2}</p>
</div>
}
Cho 5 input. Hãy làm sao để
khi nhập số vào các input của chúng ta, giá trị
trung bình cộng của các số đã nhập sẽ được hiển thị
trong đoạn văn.
