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

10 votes307 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote342 views1 answer
Render a react component only after API response is received
Javascript React
1 vote352 views1 answer
Input type email react js-validation
Javascript React
0 vote357 views1 answer
Add event listener react hooks
Javascript React
7 votes355 views2 answers
How to import js via script in react
Javascript React
0 vote328 views1 answer
React currency format
Javascript React
0 vote311 views1 answer
How to use algolia react native
Javascript React
0 vote358 views1 answer
Using shortid in react lists
Javascript React
1 vote348 views1 answer
Tailwind css react craco package.json
Javascript React
1 vote365 views1 answer
Image source not working react
Javascript React