如何防止重复数据的反应
如何防止重复数据的反应
提问于 2022-04-07 10:14:55
我的json对象
[
{
"id": 1,
"name": "Banana",
"category": "Food"
}
{
"id": 2,
"name": "Milk",
"category": "Food"
}
{
"id": 3,
"name": "Phone",
"category": "Technology"
}
]当我映射在json数据中找到的类别名时，相同的类别名称会不断重复。我怎么才能确保这不会发生呢？
我的code=
{card.map((element, i)=>{
<li>{element.category}</li>
})}回答 3
Stack Overflow用户
发布于 2022-04-07 10:20:54
首先，您缺少了return语句。
{
card.map((element, i) => {
return <li>{card.category}</li>
}
}其次，您引用的是数组card，而不是元素。
{
card.map((element, i) => {
return <li>{element.category}</li>
}
}更好的是：
{
card.map(el => <li>{el.category}</li>)
}Stack Overflow用户
发布于 2022-04-07 10:21:14
您可以使用Set筛选出副本。
const data = [{
"id": 1,
"name": "Banana",
"category": "Food"
}, {
"id": 2,
"name": "Milk",
"category": "Food"
}, {
"id": 3,
"name": "Phone",
"category": "Technology"
}];
const result = [...new Set(data.map(item => {
return item.category;
}))];
console.log(result);
Stack Overflow用户
发布于 2022-04-07 10:29:28
import jsonFile from "./file.json"
const List = () => (
<ul>
{jsonFile.map(({ id, category }) => (
<li key={id}>{category}</li>
))}
</ul>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71780293
复制相关文章
相似问题
腾讯云开发者
