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 vote355 views1 answer
OAuth with axios react native
Javascript React
2 votes331 views3 answers
React cdn link
Javascript React
0 vote356 views1 answer
Image continuous changing div react
Javascript React
0 vote339 views1 answer
React-chartjs-2
Javascript React
1 vote373 views2 answers
Switch is not exported from react-router-dom
Javascript React
4 votes341 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
2 votes331 views2 answers
Chrome back button click event react
Javascript React
4 votes375 views2 answers
How to find out which version of React
Javascript React
1 vote289 views3 answers
Antd react
Javascript React
0 vote351 views1 answer
React-file-base64
Javascript React