[React.js/에러일지] Warning: Each child in a list should have a unique "key" prop.

 

 

에러

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

 

 

원인

key를 할당하지 않았다.

 

[전]

{charList.map((obj, idx) => (
  <div className={styles.character}>
    <img src={CharImg} />
    <span>{obj}</span>
  </div>
))}

 

[후]

{charList.map((obj, idx) => (
  <div className={styles.character} key={idx}>
    <img src={CharImg} />
    <span>{obj}</span>
  </div>
))}

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.