警告

2017-12-06 25 views
0

私が反応し、ネイティブがかなり新しいです。コンポーネントの動的レンダリングに問題が発生しました。警告

私はスワイパーコンポーネントを使用しています。

"警告:同じキーを持つ2人の子供が発生しました。0。コンポーネントが更新されたときにアイデンティティを維持できるように、キーは一意でなければなりません。子どもが複製されたり省略されたりする - その動作はサポートされず、将来のバージョンで変更される可能性があります。

レンダリングするカードが複数ある場合はすべて正常に動作しますが、レンダリングするカードが1つしかない場合は警告が表示されます。

私はこの読み:Understanding unique keys for array children in React.js

しかし、その、本当に私には意味をしていない:(

を、私もここで私の質問を投稿:

https://github.com/alexbrillant/react-native-deck-swiper/issues/90

を任意の助けをいただければ幸いです

ありがとうございました

編集:コードを追加しました。私のコードの

スクリーンショットは、上記のリンクであるが、私は最も関連性の高いコードがあることだと思う:

cards.push(<MyPetCard 
petId={responseJson[x].petId} 
petName={responseJson[x].name} 
breed={responseJson[x].breed} 
gender={responseJson[x].gender} 
category={responseJson[x].category} 
description={responseJson[x].description} 
birthday={responseJson[x].birthday} 
imageInfo={image} 
petAge={responseJson[x].age} 
distance={petDistance} 
significantValue={responseJson[x].significant} 
/>); 

render method looks like this

+0

こんにちは!あなたはexempleあなたは= {2}、あなたが番号を変更する必要が同じ鍵を使用することはできません同じビュー内の<テキストキー= {2}>のHello Worldによるキーを使用して新しいコンポーネントを作成すると、によって3により2を置き換えます例。しかし、あなたのコードを表示することはできますか? –

+0

@EliottRobert respodingありがとう:)コードを追加しました。 –

+0

あなたの問題は本当ですか?どのようにカードを表示する? –

答えて

0

FYI、私の問題はreact-native-deck-swiper 私は警告の場合に遭遇したと特異的でしたスワイパーに渡されたカード配列に含まれる要素は1つだけです。

スワイパーコンポーネントがレンダリングする次のカードを準備していたようですが、カードには1つのアイテムしかないため、コンポーネントキーが複製されました。

私もここで答えを投稿:

https://github.com/alexbrillant/react-native-deck-swiper/issues/90

はそれが役に立てば幸い!