小编Eli*_*ran的帖子

使用 onSlideChange 方法更新状态时,React Swiper.js 幻灯片不会更改

我设置 swiper.js 使用 ReactJS 来浏览不同的问题。我正在尝试使用 swiper 的 onSlideChange 方法更改 {quesNumber} 状态,该方法应根据当前问题的编号(“q-{quesNumber}”)设置“q”URL 参数。我已经设法做到了,但它卡在第一张幻灯片上,而没有更改到下一张幻灯片。我在控制台上收到此错误:

Uncaught TypeError: Cannot read property 'removeClass' of undefined
    at Swiper.updateSlidesClasses (swiper.esm.js:753)
    at Swiper.slideTo (swiper.esm.js:1311)
    at Swiper.slideNext (swiper.esm.js:1383)
    at Swiper.onNextClick (navigation.js:45)
    at HTMLDivElement.handleEvent (dom7.esm.js:517)

 - Here is my code:

    

Uncaught TypeError: Cannot read property 'removeClass' of undefined
    at Swiper.updateSlidesClasses (swiper.esm.js:753)
    at Swiper.slideTo (swiper.esm.js:1311)
    at Swiper.slideNext (swiper.esm.js:1383)
    at Swiper.onNextClick (navigation.js:45)
    at HTMLDivElement.handleEvent (dom7.esm.js:517)

 - Here is my code:

    

    import React, { useContext } from "react";
    import { useHistory } from …
Run Code Online (Sandbox Code Playgroud)
Run Code Online (Sandbox Code Playgroud)
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks swiper.js

6
推荐指数
1
解决办法
2197
查看次数

标签 统计

react-hooks ×1

reactjs ×1

swiper.js ×1