Suppose a React component renders 50 items in a list. If the component re-renders and adds 10 new items, how many total list items will be displayed?

Đáp án đúng: "60". Danh sách trong React được render lại từ dữ liệu hiện tại chứ không cộng dồn lên giao diện cũ: mảng nguồn đang có 50 phần tử, được cập nhật thêm 10 phần tử mới, thì lần render sau map qua mảng 60 phần tử, React đối chiếu theo key để giữ nguyên 50 mục cũ và chỉ chèn thêm 10 nút DOM mới, nên trên màn hình có tổng cộng 60 mục. Phương án "40" sai vì không có phần tử nào bị xóa, lấy 50 trừ 10 là hiểu ngược phép thay đổi. Phương án "50" là số mục trước khi cập nhật, như thể lần render lại bỏ qua dữ liệu mới, điều chỉ xảy ra nếu dữ liệu không được đưa vào state. Phương án "70" chỉ có được nếu 10 mục mới bị cộng hai lần, nhưng mỗi lần render chỉ phản ánh đúng mảng hiện tại nên không có mục nào bị nhân đôi.