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

0 vote102 views1 answer
React-active link
Javascript React
1 vote136 views2 answers
Push state array react
Javascript React
0 vote110 views1 answer
React script syntax for deployment
Javascript React
0 vote107 views1 answer
Clickjacking in react js
Javascript React
0 vote100 views1 answer
If statement in react native
Javascript React
3 votes104 views4 answers
Add new array at the back of react state
Javascript React
0 vote107 views1 answer
Top bar in react js
Javascript React
4 votes109 views1 answer
React bind function to component
Javascript React
0 vote112 views1 answer
React bootstrap make col disapear in small screens
Javascript React
5 votes138 views1 answer
React in laravel
Javascript React