javascript - 如何在 react 中使用左右箭头滑动多个图像？

我有每行10个电影项目的收集网格。我正在寻找一种方法，可以像netflix网格一样，在左右两端带有箭头的情况下水平滑动该网格。有没有简单的方法可以做到这一点？

https://i.ibb.co/VJ52mg2/Screenshot-27.png

<div className="collection-preview">
<h1 className="title">{title.toUpperCase()}</h1>
  <div className="preview">
  {
        movies
        ? (movieData.map(({id, ...otherProps}) => <CollectionItem key={id} {...otherProps} />))
        : null
  }
  {
        tvshow
        ? (tvData.map(({id, ...otherProps}) => <CollectionItem key={id} {...otherProps} />))
        : null
  }

  </div>
  </div>

最佳答案

与其从头开始，不如尝试react-responsive-carousel

这是一个demo

删除图像并添加所需的任何内容。