javascript - 反应响应轮播搞砸了

Question

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

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

结果是这样的：

标签： javascripthtmlreactjscarousel

Answer 1

在文件的第一行使用它.js：

import 'react-responsive-carousel/lib/styles/carousel.min.css';