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

1 vote229 views1 answer
React-native curved view
Javascript React
1 vote246 views1 answer
How to insatll react-router-dom
Javascript React
3 votes232 views2 answers
React router active link css
Javascript React
0 vote266 views1 answer
Create react app with vite
Javascript React
0 vote236 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote251 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
1 vote225 views3 answers
Add react to existing project
Javascript React
0 vote240 views1 answer
React native run android common error
Javascript React
118 votes270 views6 answers
Instalar bootstrap en react
Javascript React
8 votes233 views3 answers
Disable eslint for react project
Javascript React