[React] eslint-plugin-react - missing key prop 에러 해결하기

 

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-key.md

GitHub - yannickcr/eslint-plugin-react: React specific linting rules for ESLint

 

태그에 key prop 넣으라고 자꾸 오류나는데 이런 경우에 위 깃헙에 나와있는 것처럼

이런식으로 문법을 고쳐주거나,

아니면 아예 eslint 옵션을 끌 수도 있다.

 

그런데 vscode 에서 오류가 났을때 빨간줄이 뜨는데 , 여기에 마우스 커서를 대면 빠른 수정을 할 수 있도록 해준다. 거기서 알아낸 tip

 

 

 

이런 식으로 오류가 나는 줄 (key prop을 넣어야 하는 곳)

바로 위에 

/ eslint-disable-next-line react/jsx-key

이와 같은 주석을 달아주면 오류가 사라진다