경고: 목록에 있는 모든 아이들은 유일한 열쇠 도구가 있어야 한다

리액트는 그룹에서 순환할 때 컨트롤러에 오류가 발생하는 것을 방지하기 위해 모든 하위 요소에 유일한 키를 사용하기를 원합니다.
우리는 보통 순환 색인을 사용한다.다음과 같은 몇 가지 이유로 이렇게 하는 것을 건의하지 않습니다.
이거 한번...Math.random().toString(36).substr(2, 9)이것은 너에게 무작위 9글자의 알파벳 숫자 문자열을 줄 것이다.

<ul>
    { items.map(x => <li key={ Math.random().toString(36).substr(2, 9) }>{x}</li>}
</ul>

이것은 일회용 키에 매우 유용하다.어떤 방식으로든 키를 인용하려면 유일한 속성(예를 들어 ID 또는 slug을 사용해야 한다.
1 React Docs say so
2 Stack Overflow Bros say so