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 vote130 views1 answer
Installe datatable to reactjs project
Javascript React
38 votes152 views2 answers
How to comment out code in react js
Javascript React
108 votes208 views2 answers
React start new app
Javascript React
0 vote137 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
1 vote118 views1 answer
Tailwincss in react native
Javascript React
114 votes157 views3 answers
Run react app
Javascript React
1 vote140 views1 answer
React scroll to bottom of div
Javascript React
0 vote135 views1 answer
Clear form in react
Javascript React
0 vote145 views2 answers
Undo npm run eject react
Javascript React
0 vote132 views1 answer
What difference between react func and class components
Javascript React