react activeClassname问题？

Question

刚开始学react，遇到一个问题，求指点
设置当前显示路由的class报错

import React,{ Component } from "react";
import router1 from './router1';
import router2 from './router2';
import router3 from './router3';
import "./main.css";
import {
    BrowserRouter as Router,
    Route,
    Link
}from 'react-router-dom';

class main extends Component {
render() {
    return (
        <Router>
            <div>
                <ul>
                    <li><Link to="/" className="active" activeClassname="current">路由1</Link></li>
                    <li><Link to="/router2" className="active" activeClassname="current">路由2</Link></li>
                    <li><Link to="/router3" className="active" activeClassname="current">路由3</Link></li>
                </ul>
                <hr />
                <Route exact path="/" component={router1} />
                <Route path="/router2" component={router2} />
                <Route path="/router3" component={router3} />
            </div>
        </Router>
    );
}
}

export default main;

提示说换成小写的，但是换成小写的不报错了，却不起作用？刚学了一天react，求大佬指点

Answer 1

ReactRouter的版本是多少，activeCLassName似乎是得放在NavLink组件里