“Cara mengarahkan kembali dalam reaksi router v6” Kode Jawaban

react-router-dom v6 redirect

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

function App() {
  return (
    <Routes>
      <Route path="/home" element={<Home />} />
      <Route path="/" element={<Navigate replace to="/home" />} />
    </Routes>
  );
}
Unsightly Unicorn

Redirect dengan React Router V6

import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';

<BrowserRouter>
  <Routes>
    <Route path="/" element={<Home />} />
    <Route path="/lab" element={<Lab />} />
    <Route
        path="*"
        element={<Navigate to="/" replace />} //this is a way to redirect
    />
  </Routes>
</BrowserRouter>
Adnane Afifi

Cara mengarahkan kembali dalam reaksi router v6

import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';

<BrowserRouter>
  <Routes>
    <Route path="/" element={<Home />} />
    <Route path="/lab" element={<Lab />} />
    <Route
        path="*"
        element={<Navigate to="/" replace />}
    />
  </Routes>
</BrowserRouter>
Adnane Afifi

Jawaban yang mirip dengan “Cara mengarahkan kembali dalam reaksi router v6”

Pertanyaan yang mirip dengan “Cara mengarahkan kembali dalam reaksi router v6”

Lebih banyak jawaban terkait untuk “Cara mengarahkan kembali dalam reaksi router v6” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya