有人可以告诉我是什么导致了这个错误以及如何解决它?我已经尝试更改活动关键字,但仍然收到相同的警告。不确定是样式化组件的问题还是只是属性的问题。Down是错误和代码。
26 行 - 返回下的 div, 27 - , ...
代码块
return (
<div>
<div className="App">
<div className="portfolio__labels">
<a
href="/#"
active={filter === "all"}
onClick={() => setFilter("all")}
>
All
</a>
<a
href="/#"
active={filter === "frontend"}
onClick={() => setFilter("frontend")}
>
Frontend
</a>
<a
href="/#"
active={filter === "mobile"}
onClick={() => setFilter("mobile")}
>
Mobile
</a>
<a
href="/#"
active={filter === "ux-ui"}
onClick={() => setFilter("ux-ui")}
>
UX/UI
</a>
<a
href="/#"
active={filter === "others"}
onClick={() => setFilter("others")}
>
Others
</a>
</div>
<div className="portfolio__container">
{projects.map((item, key) =>
item.filtered === true ? (
<ProfileCard
key={key}
name={item.name}
title={item.title}
image={item.image}
className="border-box"
exerpt={item.exerpt}
git={item.git}
url={item.url}
category={item.category}
click="Push"
sans-serif
mb0-l
mb3
flex-none
w5
mr3
/>
) : (
""
)
)}
</div>
</div>
</div>