因此，我想使用 Swiper 库进行反应。我有多个电影元素，我想在它们之间滑动。我像这样导入它：

import Swiper from 'react-id-swiper';

我这样使用它：

<div className="carousel-container">
        <Swiper>
                  {movies.map(movie =>
                      <MovieItem movie={movie} key={movie.title}/>
                    )}
        </Swiper>
    </div>

因此，它应该制作一个带有电影项目的水平滑块，但在页面上它看起来像这样：

因此，就像我把所有电影都放在一个公共 div 中一样，尽管当我在浏览器中打开代码时，所有电影都在带有所有类的 swiper div 中，所以我不确定为什么它不能按应有的方式工作。也许问题出在我使用了 .tsx 文件？