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 vote258 views1 answer
React controllers
Javascript React
15 votes210 views5 answers
React svg
Javascript React
1 vote218 views3 answers
How to make sticky footer with react router
Javascript React
0 vote215 views1 answer
Refresh page by hand in react
Javascript React
1 vote227 views1 answer
How to insatll react-router-dom
Javascript React
0 vote233 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
63 votes193 views6 answers
React router install
Javascript React
0 vote237 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote195 views1 answer
React native fetch response code
Javascript React
1 vote244 views1 answer
Close exit app react native
Javascript React