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

7 votes434 views3 answers
Install node-sass version for react
Javascript React
140 votes584 views3 answers
React.js installation
Javascript React
0 vote378 views1 answer
React native button top right
Javascript React
0 vote384 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote421 views1 answer
React router dom v6 active link
Javascript React
0 vote329 views0 answer
React
Javascript React
0 vote289 views2 answers
React refresh page not found
Javascript React
0 vote358 views1 answer
Mock createRef jest react functional component
Javascript React
2 votes442 views1 answer
React router 6 navigate
Javascript React
0 vote368 views3 answers
Github react hardhat nft marketplace application
Javascript React