[React] Each child in a list should have a unique "key" prop.

{tags.map((tag) => (
  <div className="tag">#{tag}</div>
))}

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

각 자식 컴포넌트마다 독립적인 key값을 넣어달라는 소리인데 key 값을 넣으면 불필요한 리렌더링을 방지해준다.

 

{tags.map((tag, index) => (
  <div key={index} className="tag">#{tag}</div>
))}

임시방편으로 index값을 key값으로 넣어서 해결했다.

 

 

참고

Lists and Keys – React