“Маршрутизация реагирует” Ответ

реагировать маршрутизатор

npm install react-router-dom
Roseat Flamingo

Маршрутизация реагирует

npm install react-router-dom
Upset Unicorn

реагировать маршрутизатор

// APP.js Setup.........
import * as React from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import "./App.css";
import Home from "./Component/Home/Home";

function App() {
  return (
    <div className="App">
      <BrowserRouter>
       <Routes>
          <Route path="/" element={<Home />} />
       </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;


// index.js setup
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import "./index.css";
import reportWebVitals from "./reportWebVitals";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();
Shamimzz

реагировать маршрутизатор

import ReactDOM from "react-dom/client";
import {
  BrowserRouter,
  Routes,
  Route,
} from "react-router-dom";
// import your route components too

const root = ReactDOM.createRoot(
  document.getElementById("root")
);
root.render(
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
        <Route index element={<Home />} />
        <Route path="teams" element={<Teams />}>
          <Route path=":teamId" element={<Team />} />
          <Route path="new" element={<NewTeamForm />} />
          <Route index element={<LeagueStandings />} />
        </Route>
      </Route>
    </Routes>
  </BrowserRouter>
);
Mateusz Przybylski

реагировать маршрутизатор

react router

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

  return (
    <>
      <Router>
        <>
          <Routes>
            <>
              <Route
                exact
                path="/"
                element={
                  <>
                    <Dashboard allFaq={allFaq} />
                  </>
                }
              />
              <Route
                exact
                path="/login"
                element={
                  <>
                    <Login />
                  </>
                }
              />
            </>
          </Routes>
        </>
      </Router>
    </>
  );
Abhishek

Реагировать маршрут

let routes = (
 <BrowserRouter>
      <Navbar />
      <div className="container mt-2" style={{ marginTop: 40 }}>
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
        </Switch>
      </div>
    </BrowserRouter>
);
Irfan

Ответы похожие на “Маршрутизация реагирует”

Вопросы похожие на “Маршрутизация реагирует”

Больше похожих ответов на “Маршрутизация реагирует” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования