todolist를 React로 다시 한 번 만들어 보면서 발생한 에러를 정리한다.
list의 원소들을 화면에 뿌려주면서 타나난 Warning인데,
Error : 같은 component의 list를 render할 때, key라는 prop을 넣어줘야 한다.
라는 뜻이다. react가 기본적으로 list에 있는 모든 item들을 인식하기 때문이다.
{/* 에러가 발생한 코드 */}
<ul>
{todos.map((item) => <li>{item}</li>)}
</ul>
{/* 변경한 코드 */}
<ul>
{todos.map((item, index) => <li key={index}>{item}</li>)}
</ul>
'사이드 프로젝트 > Error해결' 카테고리의 다른 글
[branch 변경 에러] git push --set-upstream origin main (0) | 2023.01.09 |
---|---|
[Git] code: 'MODULE_NOT_FOUND', (0) | 2022.12.21 |
[Git] error: pathspec '' did not match any file(s) known to git (0) | 2022.12.21 |
Public key retrieval is not allowed 에러 해결 (0) | 2022.12.12 |
[Git] push가 되지 않는다... (0) | 2022.11.29 |