单击 <a> 标签颜色时如何更改它，并且在我更改 URL 之前它不会更改

（我没有很好地理解你的问题，所以我都做了） 行！试试这个来改变一个未访问的链接（CSS） a:link { color: what color you want; }

使用它来更改访问的链接 (CSS)' a:visited { color: what color you want; }

代码示例：

a:active {
  color: green;
}
a:visited {
color: purple;
}

<a href="#"> This link will change color<a>

如果您找到答案，请标记一个答案。

使用 :active 伪选择器。 docs

react-router-dom 有一个名为 NavLink 的附加组件，您可以向它传递一个名为 activeClassName 的附加道具。这将允许您为活动链接提供自定义样式。

示例：

<NavLink to="/faq" activeClassName="SELEcted">
  FAQs
</NavLink>

此组件将替换导航中的所有 Link 组件。

const [SELEctedItem,setSELEctedItem] = useState(0);

        <nav>
          <ul className="nav-wrapper">
            <li>
              <Link className={`link ${SELEctedItem===0?'active':''}`}  to="/" onClick={()=>setSELEctItem(0)}>
                Home
              </Link>
            </li>
            <li>
              <Link className={`link ${SELEctedItem===1?'active':''}`} to="/gallery" onClick={()=>setSELEctItem(1)}>
                Gallery
              </Link>
            </li>
            <li>
              <Link className={`link ${SELEctedItem===2?'active':''}`} to="/about" onClick={()=>setSELEctItem(2)}>
                About
              </Link>
            </li>
          </ul>
        </nav>

然后你就可以写 CSS，

 li .active{
     color: #your color;
 }