将引导活动类添加到React Routes的最佳方法

Question

我使用 react-router-dom 新版本的React Routers ..

  

这是我的代码：

render() {
        return (
            <div>
                <nav className="navbar navbar-default">
                    <div className="container">
                        <div className="navbar-header">
                            <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span className="sr-only">Toggle navigation</span>
                                <span className="icon-bar"></span>
                                <span className="icon-bar"></span>
                                <span className="icon-bar"></span>
                            </button>
                            <Link className="navbar-brand" to="/">React-Redux-ES6</Link>
                        </div>

                        <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul className="nav navbar-nav navbar-right">
                                <li><Link to="/" className="links">Home</Link></li>
                                <li><Link to="/about" className="links">About</Link></li>
                            </ul>
                        </div>
                    </div>
                </nav>

                <h1 className="container">Learn React and Redux in ES6:</h1>
                <hr/>

                <Route exact path="/" component={Home}/>
                <Route exact path="/about" component={About}/>
            </div>
        );
    }

  

我想做什么：

我正在尝试将活动类添加到我点击的列表中。

  

我尝试过：

我曾尝试添加 onClick 事件，但我认为有一种更好的方法可以使用React Routes获取当前URL，然后将活动类添加到我的列表中但我不知道我知道怎么做！