我在react原生项目中实现了Swiper(react-native-swiper),我计划在显示数据的沿着显示分页向导。当swiper工作时,我在创建一致的键时遇到了一个问题-现在如果swiper列表中的一个对象更新,它可能会偏移索引。虽然我已经能够通过在对象上添加唯一键来防止这样的故障,Swiper分页不同步。前一个键从列表Map中获取数据,但Swiper对象在外部作用域,因此无法使用该标识符。我附上了代码以供参考。请让我知道是否可以设置一个键,以确保稳定的更改和正确的分页。谢谢。
<Swiper
key={data.length} //This is the key that enables correct pagination currently
paginationStyle={{bottom: -20}}
height={330}
dot={<View style={styles.Dot} />}
activeDot={<View style={styles.ActiveDot} />}
>
{data.map((dataX, index) => {
return (
<View key={dataX.uniqueToken}> //This (or the index) is the key I'd like to use on the Swiper element
... stuff to show images, etc.
</View>
)
})}
</Swiper>
1条答案
按热度按时间gj3fmq9x1#
您可以尝试使用
index
作为键值,我一直使用index
,没有问题