React Materialise 轮播自动播放

React Materialize Carousel Autoplay

给出下面的代码,我想在上述时间间隔内使轮播自动播放。但是,作为 React 的新手,我不知道该怎么做。我试过寻找答案并尝试使用轮播('next'),但没有用。我仍在寻找答案,并希望解决这个问题。谢谢!

import React from 'react';
import { Carousel } from 'react-materialize';

const Header = () => {
const imgArr = [
'https://picsum.photos/200/300?image=0',
'https://picsum.photos/200/300?image=1',
'https://picsum.photos/200/300?image=2',
];

return (
<Carousel
  className='tabs'
  options={{ duration: 100, indicators: true }}
  images={imgArr}
/>
);
);

您可以改用此插件:http://www.linxtion.com/demo/react-image-gallery/

您可以使用属性 slideInterval 来决定何时播放下一张幻灯片。