[Firebase] Warning: Each child in a list should have a unique "key" prop.

최영진·2023년 1월 2일
0

Firebase

목록 보기
5/6

Warning: Each child in a list should have a unique "key" prop.

.map 메소드 사용시 각 컴포넌트 마다 key 를 넣어주어야 한다.

이때, id 값을 부여했어도 key 라는 값에 또 넣어주어야 error가 발생하지 않음.

<View style={styles.taskcontainer}>
      {tasklist.map((task) => {
        if (category === task.category) {
          return (
            <Task
              editSubmitTask={editSubmitTask}
              edittask={edittask}
              setEditTask={setEditTask}
              changeIsDone={changeIsDone}
              editInputhandler={editInputhandler}
              deleteTask={deleteTask}
              id={task.id}      //id 를 이미 주었지만 error 발생!
              isEdit={task.isEdit}
              task={task.task}
              isDone={task.isDone}
              key={task.id}  // key 값에 고유한 id 를 넣어주어 해결!
            />
          );
        }
profile
안녕하시오.

0개의 댓글