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 来决定何时播放下一张幻灯片。
给出下面的代码,我想在上述时间间隔内使轮播自动播放。但是,作为 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 来决定何时播放下一张幻灯片。