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 vote152 views1 answer
Owl carousel for react
Javascript React
1 vote132 views3 answers
How to make sticky footer with react router
Javascript React
0 vote147 views1 answer
Pass status of checkbox to a function react js
Javascript React
2 votes137 views1 answer
React native socket io
Javascript React
2 votes154 views1 answer
How to clean react native project
Javascript React
1 vote338 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote137 views1 answer
React auto import sometime not working
Javascript React
10 votes127 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote133 views1 answer
Mdbootstrap react
Javascript React
0 vote181 views1 answer
React router redirect with query params
Javascript React