Swiper 的 onIndexChange 函数能不能 传递 Swiper.Item 的key 给我? #5380
-
Version of antd-mobilelatest What is this feature about?我需要准确知道,当前用户切换到 哪一个 item了 (用户究竟 当前 查看的哪个图 ) 但是我在创建 Swiper.Item 的时候, 传入了一个key,这个key虽然只是react用来提升性能的, 但 如果 onIndexChange 除了返回索引, 还能把 这个key给我, 那我就可以用key快速知道 用户切换到了哪一个 这个key我就可以传入有意义的值, 如 userid, 如 图片id, 等等 我设想中是这样的: <Swiper onIndexChange={(index,key)={ console.log(index, key) }}>
<Swiper.Item key={"123"}>
123的项目
</Swiper.Item>
<Swiper.Item key={"456"}>
456的项目
</Swiper.Item>
<Swiper.Item key={"789"}>
789的项目
</Swiper.Item>
</Swiper> 当我切换到 123的项目 , 就会打印 0, 123 (这里的123 是 我传给 Swiper.Item 的key ) 当我切换到 456的项目 , 就会打印 1, 456 (这里的456 是 我传给 Swiper.Item 的key ) |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
写了个 demo 用数组,索引就意义了,你的需求完全可以满足,想要其他的数据也可以在数组元素里加。 |
Beta Was this translation helpful? Give feedback.
-
你的期望是通过 key 知道换到了哪一个,但实际上 key 不是必传的 <Swiper>
<Swiper.Item>1</Swiper.Item>
<Swiper.Item>2</Swiper.Item>
</Swiper> 这种情况下返回 key 是没有意义的,index 反而是最有效的 |
Beta Was this translation helpful? Give feedback.
写了个 demo
用数组,索引就意义了,你的需求完全可以满足,想要其他的数据也可以在数组元素里加。