Reactjs 从LinkContainer中删除活动类

在我的react应用程序中，我有用于登录和注销的按钮。注销没有什么大不了的，因为它从未被激活过。当使用LinkContainer（这很好）时，当选择该路由时，它将添加一个活动类

active

。这适用于除

按钮之外的所有功能。当它将“活动类”添加到我的按钮时，它会在按钮后面添加填充背景色。我不想那样。下面是代码和图像：


下面是代码：

import { Glyphicon, Nav, NavItem, Button } from 'react-bootstrap';
import { LinkContainer } from 'react-router-bootstrap';

<Nav>
    <LinkContainer to={'/'} exact>
        <NavItem>
            <Glyphicon glyph='home' /> Home
        </NavItem>
    </LinkContainer>
    <LinkContainer to={'/documents'}>
        <NavItem>
            <Glyphicon glyph='education' /> User Documents
        </NavItem>
    </LinkContainer>
    <LinkContainer to={'/login'}>
        <NavItem>
            <Button bsStyle="primary" block>
                <span className='glyphicon glyphicon-log-in'></span>Login
            </Button>
        </NavItem>
    </LinkContainer>
</Nav>

从'react bootstrap'导入{Glyphicon，Nav，NavItem，Button}；
从“react router bootstrap”导入{LinkContainer}；
家
用户文档
登录

我想让它在除按钮之外的所有东西上设置活动类

使用
react bootstrap
和
react router bootstrap
在查看上的代码和一堆不同的文章和帖子后，我找到了答案

我必须改变：

<LinkContainer to={'/login'}>
    <NavItem>
        <Button bsStyle="primary" block>
            <span className='glyphicon glyphicon-log-in'></span>Login
        </Button>
    </NavItem>
</LinkContainer>


登录

致：


登录

使
activeClassName=”“
正常工作，因为这样可以确保没有设置活动类

对按钮非常有用。我希望这能节省人们的时间。下面是经过比较后的情况：

在浏览了上的代码和一堆不同的文章和帖子后，我找到了答案

我必须改变：

<LinkContainer to={'/login'}>
    <NavItem>
        <Button bsStyle="primary" block>
            <span className='glyphicon glyphicon-log-in'></span>Login
        </Button>
    </NavItem>
</LinkContainer>


登录

致：


登录

使
activeClassName=”“
正常工作，因为这样可以确保没有设置活动类

对按钮非常有用。我希望这能节省人们的时间。下面是经过比较后的情况：