Which prop in FlatList is required to uniquely identify each item for efficient rendering?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở
Đáp án đúng: "keyExtractor". FlatList dùng key của từng phần tử để React đối chiếu danh sách cũ với mới, biết phần tử nào thêm, xoá hay đổi chỗ, nhờ đó chỉ vẽ lại phần cần thiết và giữ state ô đúng chỗ khi cuộn ảo hoá (virtualization, chỉ dựng các ô gần vùng nhìn thấy). keyExtractor là hàm nhận item và index, trả về chuỗi duy nhất; nếu không có, FlatList thử item.key rồi mới rơi về index. "renderItem" sai vì đây là hàm vẽ giao diện cho từng phần tử, nó không định danh phần tử. "data" sai vì đây là mảng dữ liệu nguồn, bản thân nó không cung cấp key. "ListHeaderComponent" sai vì đây là component hiển thị ở đầu danh sách, không liên quan tới định danh phần tử. Chữ "required" ở đây hiểu là prop chịu trách nhiệm định danh, dù FlatList vẫn chạy khi bỏ trống nhờ giá trị mặc định.

Cùng chương 3

Xuất hiện trong 1 bộ đề