在reactjs中，当我使用状态更改按钮颜色时，它可以工作，但不能先单击如何解决此问题

Question

我有一个用于路由的按钮。路由来自 api，所以在我第一次单击时，路由正在工作，但按钮颜色没有改变

我使用 useState 挂钩和 css 来更改颜色，它工作正常，但第一次单击时不行

Answer 1

如果您的项目是使用 CRA 创建的 - 创建 React 应用程序，您可以将

activeclassname="active"

添加到您的 div 中，并在 css/scss 文件中添加所需的样式。

import { NavLink } from "react-router-dom";

<NavLink to="/some-route" activeclassname="active">
  text
</NavLink>

 & a {
   color: red
   &.active {
      color: blue;
   }
}

如果您的项目是使用Vite创建的，则不需要activeclassname，只需添加：

<NavLink to="/some-route">text</NavLink >

 &.active {
    color: $blue;
 }