React 系列知识

//react-router提供了两种道具链接组件上设置一个特定的风格的路径匹配我们目前的路线。activeStyle允许内联风格而activeClassName允许一个类中定义一个外部样式表。

const Links = () =>
    <nav >
        <Link activeStyle={{color: ‘green‘}} to="/">Home</Link>
        <Link activeStyle={{color: ‘green‘}} to="/about">About</Link>
        <Link activeClassName="active" to="/contact">Contact</Link>
    </nav>;

//css样式
.active{
    color: green;
}