“UMA” Respostas de código

A só deve ser usado como filho do elemento , nunca renderizado diretamente. Por favor, embrulhe seu em .

import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";

const Page1 = () => {
  return <div>Page1</div>;
};
const Page2 = () => {
  return <div>Page2</div>;
};
const App = () => {
  return (
    <div>
      <BrowserRouter>
        <Routes>
          <Route path="/"  element={<Page1 />} />
          <Route path="/page2" element={<Page2 />} />
        </Routes>
      </BrowserRouter>
    </div>
  );
};
export default App;
Ckhobhey 104

A só deve ser usado como filho do elemento , nunca renderizado diretamente. Por favor, embrulhe seu em .

Yes, in react-router-dom version 6 it is a bit different. Please look as the
sample below.

React Router tutorial

import { render } from "react-dom";
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import App from "./App";
import Expenses from "./routes/expenses";
import Invoices from "./routes/invoices";

const rootElement = document.getElementById("root");
render(
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />} />
      <Route path="expenses" element={<Expenses />} />
      <Route path="invoices" element={<Invoices />} />
    </Routes>
  </BrowserRouter>,
  rootElement
);
Lokesh003

Respostas semelhantes a “UMA”

Perguntas semelhantes a “UMA”

Procure respostas de código populares por idioma

Procurar outros idiomas de código