配列またはイテレータ内の各子は、一意のキー小道具を持つ必要があります

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> ) } は `renderlist`と `renderfooter`やクラス全体のコードを提供してくださいキーhere