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

3 votes96 views3 answers
React change url params
Javascript React
1 vote98 views1 answer
Expo update react native
Javascript React
23 votes109 views6 answers
React native shadow
Javascript React
0 vote106 views1 answer
React native svg size
Javascript React
1 vote130 views1 answer
React native remove text from string
Javascript React
0 vote109 views1 answer
Image preload React
Javascript React
0 vote98 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
160 votes264 views6 answers
React install
Javascript React
10 votes115 views3 answers
Query string in react js
Javascript React
0 vote115 views1 answer
Use this in a react js component
Javascript React