Удалить активный класс из LinkContainer

Question

В моем приложении реакции у меня есть кнопки для входа и выхода.Выход из системы не имеет большого значения, потому что он никогда не становится активным.При использовании LinkContainer (что замечательно) он добавит активный класс active при выборе этого маршрута.Это отлично подходит для всего, кроме buttons.Когда он добавляет `активный класс к моей кнопке, он добавляет мягкий фоновый цвет позади кнопки.Я не хочу этогоВот код и изображение теперь:

А вот код:

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 и react-router-bootstrap

Answer 1

После просмотра кода на act-router-bootstrap и нескольких статей и публикаций я понял это.

Мне пришлось изменить:

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

Кому:

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

Заставить activeClassName="" работать так, как если бы он не устанавливал активный класс.

Чрезвычайно полезно для кнопок.Я надеюсь, что это экономит время людей.Вот как это выглядело для сравнения: