Reactjs 设置活动滑入式swiper/react with react状态

我想问一下，是否有办法使用swiper/react控制/设置活动幻灯片

我曾尝试使用道具处理OnSwipper功能，但仍然无法更新幻灯片索引

---

谢谢

您可以使用swiper实例访问swiper API（） 还有方法

slideTo

因此，在代码示例中，它可以如下所示

const App = () => {
  // store swiper instance
  const [swiper, setSwiper] = useState(null);

  const slideTo = (index) => swiper.slideTo(index);

  return (
      <Swiper onSwiper={setSwiper} >
        {/* ... */}
      </Swiper>
  )
}

const-App=（）=>{
//存储swiper实例
const[swiper，setSwiper]=使用状态（null）；
常量slideTo=（索引）=>swiper.slideTo（索引）；
返回(
{/* ... */}
)
}

您好，请包括您尝试过的内容。谢谢您的回答，我收到

类型错误：无法读取null的属性“slideTo”

。也许我的实现中遗漏了一些东西

const[thumbswiper，setthumbswiper]=useState（null）const slideTo=index=>thumbswiper.slideTo（index）React.useffect（（）=>{setTimeout（（）=>{slideTo（4）}，2000）}，[]）

当我控制台.log（swiper）返回null时。@carlocapio这是因为在开始时状态的初始值是

null

,，一段时间后，swiper初始化，但useEffect不会对该更改做出反应。。。请参阅working demo@Carlocapio。如果这个答案解决了您的问题，请接受这个答案