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 vote151 views2 answers
React hotjar
Javascript React
0 vote155 views1 answer
React antd form disable submit button
Javascript React
1 vote151 views2 answers
Send an email react native
Javascript React
0 vote149 views1 answer
React JSON data to display in a table
Javascript React
1 vote176 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote153 views1 answer
2.When will the validation functions be called in the react js
Javascript React
2 votes163 views1 answer
React native image source local file
Javascript React
0 vote147 views1 answer
How to get property names from object using map method react
Javascript React
0 vote145 views1 answer
Jsx not working in react vscode
Javascript React
0 vote139 views1 answer
Return <Text> using if condition react native
Javascript React