如何不显示重复的元素？

Question

如何不显示重复的元素？ （反应光滑的滑块）

问题是项目重复，我该如何解决？老实说，一点想法都没有，请告诉我

const titles = [
  {
    title: "iPhone"
  },
  {
    title: "Samsung"
  },
  {
    title: "Xiaomi"
  },
  {
    title: "Sony"
  },
  {
    title: "Lg"
  }
];   

<Slider variableWidth>
   {titles.map((el) => {
      return (
        <div className="tab__box">
           <div className="tab">{el.title}</div>
        </div>
      );
   })}
 </Slider>

enter image description here

Answer 1

使用无限属性，例如：

 <Slider variableWidth {...{infinite: false}}>
  {titles.map((el) => {
    return (
      <div className="tab__box">
        <div className="tab">{el.title}</div>
      </div>
    );
  })}
</Slider>

Answer 2

您可以使用 Set 方法，该方法将为您提供唯一的数组。

let uniqueTitles = [...new Set(titles)];