본문 바로가기

개발자노트/React

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

프로젝트에 에러,워링 등을 제거하고 있었다.

말 그대로 list 에 고유한 key값들이 존재하지 않는다는 경고

로그를 보니 FloodRiskWaterLog.js 에 option에서 발생한 것을 확인할 수 있다.

 

 

해당 변수는 슬라이더의 최소값 최대값을 지정해 해당 길이만큼 DataList를 만들기 위한 변수이다.

그 후 optionList에 담아 화면에 표출해줄 예정이다. 현재 <option>{i}</option>을 배열에 담아주고 있는데,

이 때 key값이 지정되어 있지 않아 생기게 된 오류

 

 

다음과 같이 List에 option을 push할 때 key값을 지정해주면 된다.