반응 목록의 세부 사항)에서 (렌더링 첫 번째 방법을

Question

렌더링 :

const arr = [<li>{numbers[0]}</li>,<li>{numbers[0]}</li>,<li>{numbers[1]}</li>] 
 
return (
 
<ul>{arr}</ul> 
 
);

은 내가 이해할 수있는 경고 발생 실행

: 배열 또는 반복자의 각 자녀 :
경고 고유 한 '키'소품이 있어야합니다.

하지만 다른 방법에 대한 :

return (
 
    <ul> 
 
     <li>{numbers[0]}</li> 
 
     <li>{numbers[0]}</li> 
 
     <li>{numbers[1]}</li> 
 
    </ul> 
 
);

그것은, 경고를 확인을 실행하지 ..

가상 동일하게 생성해야 위의 목록을 렌더링 할 수있는 두 가지 방법 dom.but 나는 두 번째 방법이 아무런 경고없이 첫 번째 방법처럼 일어나는 이유를 이해하지 못한다.
누군가가 이유를 말해 줄 수 있습니까? 감사!

Answer 1

루프에 대한 반응 요구 사항입니다. https://reactjs.org/docs/lists-and-keys.html