Link react

//Go to link and refresh the page
<a onClick={() => {window.location.href="/something"}}>Something</a>

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 vote129 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote177 views1 answer
React native carriage return
Javascript React
1 vote134 views1 answer
How to use react memo hooks
Javascript React
2 votes142 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
0 vote137 views1 answer
Svg as a component react
Javascript React
0 vote145 views1 answer
React native navigate two screens back
Javascript React
3 votes136 views1 answer
React cloud foundry nginx 404
Javascript React
16 votes87 views1 answer
How to insern an image in react
Javascript React
113 votes166 views4 answers
New create react app
Javascript React
1 vote136 views1 answer
React router base url
Javascript React