单击链接时,activeClassName不起作用

时间:2019-12-02 23:16:50

标签: reactjs

我一直在尝试更改活动链接的样式,但仍然没有用!

这是我的代码?  在Nav.js中

import { NavHashLink as NavLink } from "react-router-hash-link";
<li>
              <NavLink
                exact
                className="link"
                to="#start"
                activeClassName="selected"
              >
                Start
              </NavLink>
              <span> /> </span>
            </li>
            <li>
              <NavLink
                exact
                to="#work"
                className="link"
                activeClassName="selected"
              >
                Work
              </NavLink>
              <span> /> </span>
            </li>

在App.js中

import { BrowserRouter as Router } from "react-router-dom";

  <div className="App">
      <Router>
        <Start />
        <Work />
  </Router>
    </div>

请帮忙!?

0 个答案:

没有答案