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

5 votes386 views2 answers
React img not showing
Javascript React
6 votes373 views1 answer
React dictionary key value avec 2 variable
Javascript React
1 vote394 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
1 vote365 views4 answers
Passing data in route react
Javascript React
0 vote414 views1 answer
How to imporrt Browserrouter in react
Javascript React
0 vote394 views1 answer
Preventive vs reactive
Javascript React
0 vote376 views1 answer
Valueof in react native
Javascript React
0 vote418 views1 answer
React-native-bouncy-checkbox
Javascript React
0 vote422 views1 answer
React js input autocomplete off
Javascript React
0 vote425 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React