問題タブ [react-native-flatlist]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

2322 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
3 に答える
1171 参照

react-native - React Native FlatList、スイッチでコンポーネントをレンダリングするときにキーをしつこくする

これは、魔女がアイテムをフェッチし、20枚のカードごとに広告を挿入するコンポーネントコードです。ページネーションを使用し、ユーザーがリストの一番下に到達すると、カードが既存のデータに追加されます。

すべて正常に動作し、広告は 20 アイテムごとに表示されますが、RN はキーについて不平を言っていますWarning: Each child in an array or iterator should have a unique "key" prop.

「広告」タイプのキーで何かが起こっていることは間違いありません。何が間違っていますか? 「広告」タイプのキーを一意にするにはどうすればよいですか? shortid.generate()npm モジュールを追加していくつかのアプローチを試みましたが、配列を押し込むときにキーを挿入し、コンポーネントthis.state.labels.push({key: shortid.generate(), type: 'ad'})に設定しましたが、まったくうまくいきませんでした。key={item.key}Card


12345678910