时间戳

首页 > 解决方案 > React Materialise Carousel 自动播放

reactjs - React Materialise Carousel 自动播放

问题描述

鉴于下面的代码，我想让轮播在所述间隔内自动播放。但是，作为 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}
/>
);
);

标签： reactjscarouselmaterializeautoplay

解决方案

你可以改用这个插件：http ://www.linxtion.com/demo/react-image-gallery/

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

推荐阅读