Thêm phản ứng vào mảng trong React
Hãy làm việc với việc thêm các phần tử
một cách phản ứng vào mảng. Giả sử ví dụ chúng ta
có một mảng, được hiển thị dưới dạng
danh sách ul:
function App() {
const [notes, setNotes] = useState([1, 2, 3, 4, 5]);
const result = notes.map((note, index) => {
return <li key={index}>{note}</li>;
});
return <div>
<ul>
{result}
</ul>
</div>;
}
Tạo một nút bấm, khi nhấp vào đó
sẽ thêm một phần tử mới
vào cuối mảng, qua đó thêm một mục
li mới vào cuối thẻ ul.
Tạo một ô nhập liệu và một nút bấm. Khi nhấn
vào nút, hãy để văn bản từ ô nhập liệu trở thành
thẻ li mới ở cuối thẻ ul.
