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 vote250 views1 answer
React cleanup meas
Javascript React
0 vote266 views1 answer
React flip move
Javascript React
0 vote149 views2 answers
React filter buttons
Javascript React
3 votes189 views1 answer
React pass props to children
Javascript React
4 votes193 views4 answers
React background gradient
Javascript React
0 vote197 views1 answer
React features
Javascript React
0 vote179 views1 answer
Reactjs npm take photo
Javascript React
0 vote180 views1 answer
Start withnreact
Javascript React
0 vote209 views1 answer
React native load function each time visit screen
Javascript React
0 vote251 views1 answer
Different ways to write react file paths
Javascript React