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 vote210 views1 answer
Url in listitem react
Javascript React
0 vote214 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote254 views1 answer
Corousal in react
Javascript React
0 vote211 views1 answer
Switch tab react
Javascript React
1 vote212 views1 answer
React native image border radius not working
Javascript React
0 vote237 views1 answer
Bot react message with custom emoji
Javascript React
1 vote233 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote216 views1 answer
Background image not loading from a link react
Javascript React
99 votes211 views6 answers
How to install react router DOM
Javascript React
0 vote230 views2 answers
Get selected value on componentdidmount reactjs
Javascript React