Chào tất cả anh em, mình đang làm Todo-app react với Firebase.
Nhưng khá nhức đầu với warning key
prop. Mình có component: TodoList
, AddTodo
TodoList
mình đặt nó vào một List
dùng để render ra giao diện cho từng cái todo.Sau đó, mình
import
nó vào AddTodo
để map()
từng cái ra.Nhưng vẫn bị cảnh báo như thế này:
Mình đã đọc, và xem nếu muốn cái id
unique thì nên là id
. Vậy nên mình đã map()
cái docs trên collection
firebase ra thành object
có id
luôn.Và mình đã kiểm tra là có
id
đầy đủ.Nhưng kết quả khi render cái thằng
AddTodo
nó vẫn cảnh báo như trên thế này ở 2 components TodoList
và AddTodo
:
***Vậy anh em cho mình hỏi là mình đã hiểu sai về key
hay hiểu sai về cách vận hành của component mà đặt key
chưa hợp lệ? ***
Rất mong nhận được sự chia sẻ của anh em. Mình chân thành cảm ơn.