React Materialize轮播自动播放

时间:2019-10-15 07:20:26

标签: reactjs carousel materialize autoplay

鉴于以下代码,我想在上述时间间隔内自动轮播。但是,作为React的新手,我不知道该怎么做。我尝试搜索答案,并尝试使用carousel('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}
/>
);
);

1 个答案:

答案 0 :(得分:0)

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

您可以使用prop slideInterval决定何时发生下一张幻灯片。

相关问题