react router v6 basic code

Stylin Ali answered on April 28, 2024 Popularity 3/10 Helpfulness 1/10

answer react router v6 basic code

react router v6 basic code

Comment

//  1st: npm i react-router-dom

// 2nd: Use the following code

import * as React from "react";
import { createRoot } from "react-dom/client";
import {
  createBrowserRouter,
  RouterProvider,
  Route,
  Link,
} from "react-router-dom";

const router = createBrowserRouter([
  {
    path: "/",
    element: (
      <div>
        <h1>Hello World</h1>
        <Link to="about">About Us</Link>
      </div>
    ),
  },
  {
    path: "about",
    element: <div>About</div>,
  },
]);

createRoot(document.getElementById("root")).render(
  <RouterProvider router={router} />
);

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: reactrouter.com

Tags: basic javascript react-router

Link to this answer
Share Copy Link

Contributed on Apr 28 2024

Stylin Ali

0 Answers Avg Quality 2/10

react router v6 basic code

Contents

More Related Answers

react router v6 basic code

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.