React router dom, как установить activeStyle в NavLink по умолчанию для всех текущих или активных ссылок - PullRequest
Новая
       31

React router dom, как установить activeStyle в NavLink по умолчанию для всех текущих или активных ссылок

0 голосов
/ 29 ноября 2018

У меня есть простой Навигационный компонент, который я создал следующим образом: 

const Navigation = () => {
    return (
        <div>
            <NavLink exact to="/" activeStyle={{ color: 'red' }}>Home</NavLink>
            <NavLink to="/about" activeStyle={{ color: 'red' }}>About</NavLink>
            <NavLink to="/contact" activeStyle={{ color: 'red' }}>Contact</NavLink>
        </div>
    )
}

Все работает нормально, когда я пытаюсь перейти к URL, и он отображает ожидаемый компонент , а также изменения стиль ссылки , но как я могу изменить или свести к минимуму код activeStyle={{ color: 'red' }}, который избыточный причина, если у меня есть больше ссылок или маршрутов , это будет полный беспорядок.

Благодарим вас за помощь.Заранее спасибо.

...