Reactjs 如何才能不显示重复的元素？

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

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

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>

const标题=[
{
标题：“iPhone”
},
{
标题：“三星”
},
{
标题：“小米”
},
{
标题：“索尼”
},
{
标题：“Lg”
}
];   
{titles.map（（el）=>{
返回(
{el.title}
);
})}

---

使用无限属性，如：

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

{titles.map（（el）=>{
返回(
{el.title}
);
})}

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

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

---

-演示滑块中似乎存在一些问题/逻辑。如果你简单地写一个纯文本，它会重复3次。它不是关于唯一数组。