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

63 votes267 views3 answers
Concat two arrays in react
Javascript React
18 votes218 views6 answers
React-native make android apk
Javascript React
5 votes307 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote210 views1 answer
@testing-library/react-native switch
Javascript React
0 vote211 views1 answer
Make 2div in row react js
Javascript React
0 vote233 views1 answer
How to make dynamic title for screen in react native
Javascript React
1 vote225 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
34 votes220 views3 answers
React-router
Javascript React
3 votes211 views1 answer
React router dynamic routes
Javascript React
0 vote228 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React