Reactjs index.js:1警告：收到非布尔属性'active'的'true'`

有人能告诉我是什么导致了这个错误以及如何修复它吗？ 我已经尝试更改活动关键字，但仍然收到相同的警告。 不确定这是样式化组件的问题还是属性的问题。 下面是错误和代码

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>

返回(
{projects.map（（项，键）=>
item.filtered==真(
) : (
""
)
)}

为什么即使代码中没有样式化组件，也要标记样式化组件？您想实现什么？在“a”上没有“active”这样的道具标签。只要删除它。“KoNeUT”并不是所有代码。Active选择所有活动项进行过滤。我几乎无法理解这里要实现什么。请考虑添加更多的细节。“GoNeDS用户这里有一些用于组合过滤的方法。我只是为项目项添加地图。”但是，<代码> Active < /COD> PROP什么也不做。移除它。