查看: 901|回复: 1
打印 上一主题 下一主题

swiper10.x+React18.2使用useSwiper()返回null

[复制链接]
  • TA的每日心情
    开心
    2023-7-22 09:16
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    跳转到指定楼层
    楼主
    发表于 2023-7-22 09:21:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    如题,swiper10.x+React18.2使用useSwiper()返回null。

    经过尝试,把swiper写成state,然后在swiper组件中设置
    onSwiper={(_swiper) => setSwiper(_swiper)}>


    调用时判断swiper的方法是否初试成功,即可正常使用
    useEffect(() => {
            const idx = 楼层s.findIndex(item => item.层数 === currFloorItem.层数)
            swiper?.slideTo?.(idx)
        }, [currFloorItem])





    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情

    2024-7-4 09:43
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    0

    主题

    7

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    沙发
    发表于 2023-8-3 15:26:19 | 只看该作者
    感谢~                        
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-12-22 14:06 , Processed in 0.072604 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表