Reactjs Swiper 自动播放功能似乎没有正确实现

Question

我在我的 React 应用程序中使用 SWIPER API，但我似乎无法让自动播放功能正常工作。即使我已经导入了这些功能，如下面的代码所示

import { Swiper, SwiperSlide, Navigation, Pagination, Scrollbar, Autoplay } from 'swiper/react';

其他属性，如 spaceBetween、onSwiper 等都在工作，但我似乎无法让分页、导航和自动播放工作，他们的文档并不完全清楚如何实现这些？

我的代码如下所示；

<Swiper className="swiperSlide"
  spaceBetween={100}
   autoplay Navigation Pagination
  onSlideChange={() => console.log('slide change')}
  onSwiper={(swiper) => console.log(swiper)}
>
  <SwiperSlide className="slide-image slider1"></SwiperSlide>
  <SwiperSlide className="slide-image slider2"></SwiperSlide>
  <SwiperSlide className="slide-image slider3"></SwiperSlide>
  <SwiperSlide className="slide-image slider4"></SwiperSlide>
</Swiper> 

有没有人能提供一个例子来说明我如何让这些工作？请。非常感谢您的帮助。

Swiper 文档：https://swiperjs.com/swiper-api#custom-build

Answer 1

在他们的官方网站上说：swiperjs.com

默认情况下，Swiper React 使用 Swiper 的核心版本（没有任何附加模块）。如果要使用 Navigation、Pagination 等模块，则必须先安装它们。以下是其他模块导入的列表：

导入模块后，还需要添加：

SwiperCore.use([Navigation, Pagination, Scrollbar, Autoplay]);