如何不显示重复的元素？

问题描述

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

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

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

解决方法

使用无限属性，例如：

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

,

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

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