要解決的問題：

當(dāng)URL為非首頁時(shí)(path='/category')，首頁（'path='/''）錯(cuò)誤的添加了activeClassName

首先路由模式是BrowserRouter

import { BrowserRouter as Router, Switch, Route, Redirect } from 'react-router-dom';
// ...
class RouteMap extends Component {
  render () {
    return (
      <Router>
        <Switch>
          <Route exact path='/' component={Home} />
          <Route path="/category" component={props => requireAuth(Category, props)} />
          <Route path="/about" component={About} />
          <Route path="/help" component={Help} />
          <Route path="/login" component={Login} />
          <Route component={NotFound} />
          <Redirect to="/" />
        </Switch>
      </Router>
    )
  }
}

export default RouteMap;

然后導(dǎo)航代碼如下：

import { withRouter, NavLink as Link } from 'react-router-dom';
// ...
<li><Link to="/" activeClassName="activeRoute">Home</Link></li>
<li><Link to="/category" activeClassName="activeRoute">category</Link></li>
<li><Link to="/about" activeClassName="activeRoute">about</Link></li>
<li><Link to="/help" activeClassName="activeRoute">Help</Link></li>