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 vote127 views2 answers
Counter with react hooks
Javascript React
1 vote119 views2 answers
React toastify
Javascript React
0 vote132 views1 answer
Escaping less than great than signs in react
Javascript React
1 vote139 views1 answer
React native slow performance after load iamges
Javascript React
0 vote141 views2 answers
Background transparent react native
Javascript React
16 votes134 views3 answers
What does the useReducer do in react
Javascript React
0 vote130 views1 answer
Using redux on react extension
Javascript React
0 vote86 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
31 votes129 views1 answer
React router dom IndexRedirect
Javascript React
1 vote120 views2 answers
Hide react source
Javascript React