我已经阅读了文档,我不知道为什么它起作用,但是搞砸了。这是我的代码:
function CarouselItem(props) {
const { post } = props
return (
<React.Fragment>
<div>
<img src={`http://localhost:5000/image/${post.foto}`} />
<p className="legend">{post.judul}</p>
</div>
</React.Fragment>
)
}
function NewsItem(props) {
const { posts } = props.post
let content = posts.map(item => <CarouselItem key={item._id} post={item} />)
return (
<div>
<Carousel showThumbs={false}>{content}</Carousel>
</div>
)
}
结果是这样的:
在.js
文件的第一行中使用它:
import 'react-responsive-carousel/lib/styles/carousel.min.css';