배열 또는 반복기의 각 자식에는 고유 키가 있어야합니다.

Question

목록 또는 바닥 글을 사용하여 0-9 자리를 렌더링하려고합니다. 여기에 내 코드,

render(){ 
     var payments = []; 

    for(let i = 0; i < 10; i++){ 
     payments.push(
      <Text>{i}</Text> 
     ) 
    } 

    return (
     <Content> 
       {this.state.haveContent ? this.renderList() : this.renderFooter()} 
     {payments} 
     </Content> 
     ) 
    } 
} 

이다 그러나 나는이 경고를 가지고 계속 내 첫 번째 조건문이 너무 작동하지 않습니다 밝혀졌습니다. 어느 누구라도이 문제에 대해 저를 도울 수 있습니까?

Answer 1

배열을 렌더링하고 있으므로 배열의 각 구성 요소에 key 특성이 있어야합니다.

업데이트 키 속성

for(let i = 0; i < 10; i++){ payments.push( <Text key={i.toString()}>{i}</Text> ) } 로 텍스트 구성 요소는 here