Key giúp React xác định những item nào đã thay đổi, được thêm vào hoặc bị xóa. Các key nên được cấp cho các phần tử bên trong mảng để cung cấp cho các phần tử một định danh ổn định.

Cách tốt nhất để chọn một key là sử dụng một chuỗi duy nhất để xác định một item giữa các item trong danh sách.

render () {
    return (
        <ul>
            {this.state.todoItems.map(({ task, uid }) => {
                return <li key={uid}>{task}</li>;
            })}
        </ul>
    );
}

Thông thường, bạn sẽ sử dụng ID từ dữ liệu của mình làm key. Khi bạn không có ID ổn định cho các item được hiển thị, bạn có thể sử dụng chỉ mục (index) để làm key như một phương sách cuối cùng.

Bạn không nên sử dụng chỉ mục để làm key nếu các item có thể sắp xếp lại, vì điều đó sẽ chậm.