React Router v4.2 style

Question

React router V4.2 does not get the visited style

const activeLink = {
   "color": "red"
} 
<Link to="/" activeStyle={activeLink}>
  All categories
</Link>

I have tried with to, but no success

You can refer this https://stackoverflow.com/questions/47693540/get-an-active-route-with-react-router-in-reactjs/47766816#47766816 — Shubham Khatri, Jul 26 '18 at 10:04

Tholle · Accepted Answer · 2018-07-26T14:03:19.860

2

The Link component doesn't have activeStyle, but the NavLink component does.

<NavLink
  exact
  to="/"
  activeStyle={{ color: "red" }}
>
  All categories
</NavLink>

edited Jul 26 '18 at 14:03

answered Jul 26 '18 at 09:59

Tholle

score 1 · Answer 2 · answered Jul 26 '18 at 10:00

Seems that Link doesn't support this property.

You may want to try NavLink:

React Router Documentation: A special version of the that will add styling attributes to the rendered element when it matches the current URL

score 0 · Answer 3 · answered Jul 26 '18 at 11:03

0

Problem solved, tnx 1. it must be but not 2. exect={true} is mandatory

answered Jul 26 '18 at 11:03

Yaks10

3 Answers3