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

1 vote358 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote313 views4 answers
React router v6
Javascript React
9 votes334 views3 answers
React import font awesome
Javascript React
0 vote337 views3 answers
Get url parameter in react js
Javascript React
13 votes337 views4 answers
Passing data in react router history,push
Javascript React
17 votes353 views3 answers
React router url params
Javascript React
1 vote339 views1 answer
Rich editor react
Javascript React
0 vote329 views2 answers
React generate component command
Javascript React
5 votes338 views3 answers
Open in a new tab react
Javascript React
1 vote371 views1 answer
React native paper text input
Javascript React