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

2 votes252 views2 answers
React native dimensions window vs screen
Javascript React
0 vote219 views1 answer
React redux open another page
Javascript React
14 votes177 views1 answer
Change checkbox value react
Javascript React
9 votes240 views3 answers
React import font awesome
Javascript React
0 vote279 views1 answer
React native run on specific emulator
Javascript React
0 vote243 views1 answer
String contains in react
Javascript React
0 vote215 views1 answer
React-native-bouncy-checkbox
Javascript React
0 vote275 views1 answer
Table like another component in react native
Javascript React
0 vote245 views1 answer
Text input placeholder font family react native
Javascript React
1 vote210 views1 answer
React native environment variables
Javascript React