Link react router dom

<Link
  to={{
    pathname: "/courses",
    search: "?sort=name",
    hash: "#https://api.alat.ng/RegistrationApi/index.html",
    state: { fromDashboard: true }
  }}
/>

Source: reactrouter.com

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

React router link

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";

const customHistory = createBrowserHistory();

ReactDOM.render(<Router history={customHistory} />, node);

-2

Source: reactrouter.com

Similar codes

0 vote264 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
8 votes246 views1 answer
React-fragment
Javascript React
11 votes263 views3 answers
Reactjs get url query params as object
Javascript React
0 vote259 views4 answers
Router react how to pass data to class component
Javascript React
8 votes269 views2 answers
Set value as object in react hooks
Javascript React
0 vote256 views1 answer
React native carriage return
Javascript React
21 votes262 views4 answers
React font awesome npm
Javascript React
11 votes271 views2 answers
How to refresh the page using react
Javascript React
0 vote234 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote277 views1 answer
Create-react-app enviroment variables
Javascript React