reactjs - index.js:1 警告：收到非布尔属性“活动”的“真”

Question

有人可以告诉我是什么导致了这个错误以及如何解决它？我已经尝试更改活动关键字，但仍然收到相同的警告。不确定是样式化组件的问题还是只是属性的问题。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>