Swiper React本地设置键

6pp0gazn  于 2023-02-05  发布在  React
关注(0)|答案(1)|浏览(138)

我在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>
gj3fmq9x

gj3fmq9x1#

您可以尝试使用index作为键值,我一直使用index,没有问题

相关问题