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 vote185 views1 answer
Radio button in react native expo
Javascript React
0 vote202 views1 answer
Type svg react
Javascript React
-1 vote239 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote189 views1 answer
Input type disappear side scroll react
Javascript React
0 vote193 views1 answer
React-data-table-component edit action
Javascript React
4 votes215 views2 answers
How to find out which version of React
Javascript React
16 votes193 views3 answers
Start react native
Javascript React
11 votes188 views3 answers
Create react tailwind app
Javascript React
14 votes189 views2 answers
Adding border in react native
Javascript React
3 votes183 views1 answer
Remove header from certain pages react navigation
Javascript React