Link tag react

<Link to={`/users/${user.id}`} activeClassName="active">{user.name}</Link>
// becomes one of these depending on your History and if the route is
// active
<a href="/users/123" class="active">Michael</a>
<a href="#/users/123">Michael</a>

// change the activeClassName
<Link to={`/users/${user.id}`} activeClassName="current">{user.name}</Link>

// change style when link is active
<Link to="/users" style={{color: 'white'}} activeStyle={{color: 'red'}}>Users</Link>

Source: knowbody.github.io

Similar codes

1 vote304 views2 answers
History react router
Javascript React
0 vote312 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote290 views3 answers
Scrollview refresh react native
Javascript React
12 votes300 views2 answers
React native flatlist container style
Javascript React
0 vote280 views1 answer
React Native Segmented Control Tab
Javascript React
1 vote313 views2 answers
Generate apk debug react native
Javascript React
0 vote294 views1 answer
React native Setting a timer for a long period of time
Javascript React
1 vote331 views1 answer
Npm react redux logger
Javascript React
1 vote282 views1 answer
React js component parameters
Javascript React
1 vote303 views1 answer
React native slow performance after load iamges
Javascript React