这是我的轮播,我正在使用react-multi-carousel和Nextjs,并且我正在激活 ssr 选项
import Carousel from 'react-multi-carousel'
import 'react-multi-carousel/lib/styles.css'
import CarouselImage from './CarouselImage'
const responsive = {
desktop: {
breakpoint: { max: 4000, min: 1024 },
items: 1,
paritialVisibilityGutter: 60,
},
tablet: {
breakpoint: { max: 1024, min: 464 },
items: 1,
paritialVisibilityGutter: 50,
},
mobile: {
breakpoint: { max: 464, min: 0 },
items: 1,
paritialVisibilityGutter: 30,
},
}
const imageFolders = [
'/images/carousel/post-1',
'/images/carousel/post-2',
]
export default function CarouselComponent() {
return (
<div>
<div>
<div>
<Carousel
ssr
infinite={true} …Run Code Online (Sandbox Code Playgroud)