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 vote331 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
5 votes350 views3 answers
React default proptypes
Javascript React
5 votes339 views1 answer
React native import svg image
Javascript React
0 vote329 views1 answer
Inline style to change background color react
Javascript React
0 vote359 views3 answers
Proptypes for a react component
Javascript React
0 vote360 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote321 views1 answer
Strike react native
Javascript React
12 votes363 views2 answers
How to integrate redux dev tool to react application
Javascript React
61 votes314 views6 answers
Reactjs router
Javascript React
0 vote351 views1 answer
React native navigate two screens back
Javascript React