router react code example

Example 1: router react

npm install react-router-dom

Example 2: react router

import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  useRouteMatch,
  useParams
} from "react-router-dom";

export default function App() {
  return (
    
      
  • Home
  • About
  • Topics
); } function Home() { return

Home

; } function About() { return

About

; } function Topics() { let match = useRouteMatch(); return (

Topics

  • Components
  • Props v. State
{/* The Topics page has its own with more routes that build on the /topics URL path. You can think of the 2nd here as an "index" page for all topics, or the page that is shown when no topic is selected */}

Please select a topic.

); } function Topic() { let { topicId } = useParams(); return

Requested topic ID: {topicId}

; }

Example 3: route react

import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

export default function App() {
  return (
    
      
{/* A looks through its children s and renders the first one that matches the current URL. */}
); } function Home() { return

Home

; } function About() { return

About

; } function Users() { return

Users

; }

Example 4: react-router

$ npm install --save react-router

Example 5: router react

npm install -g create-react-app
create-react-app demo-app
cd demo-app

Tags:

Misc Example