反应式转盘被弄乱了

问题描述 投票:0回答:1

我已经阅读了文档,我不知道为什么它起作用,但是搞砸了。这是我的代码:

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>
  )
}

结果是这样的:

enter image description here

javascript html reactjs carousel
1个回答
0
投票

.js文件的第一行中使用它:

import 'react-responsive-carousel/lib/styles/carousel.min.css';
© www.soinside.com 2019 - 2024. All rights reserved.