我需要它重定向到我的主頁如果url錯誤，問題肯定在這部分，因為之前我使用了Redirect，但是在新版本的React中它是Navigate，我不知道輸入的方式改變了
import React from 'react';
import {Routes, Route, Navigate} from 'react-router-dom';
import {authRoutes, publicRoutes} from '../routes';
import { SHOP_ROUTE } from '../utils/consts';
const AppRouter = () => {
const isAuth = false
return (
<Routes>
{isAuth && authRoutes.map(({path, Component}) =>
<Route key={path} path={path} element={<Component/>} exact/>
)}
{publicRoutes.map(({path, Component}) =>
<Route key={path} path={path} element={<Component/>} exact/>
)}
<Navigate to={SHOP_ROUTE}/>
</Routes>
);
};
export default AppRouter;
uj5u.com熱心網友回復：
如果您在 的末尾包含一個<Route path="*" />組件（如檔案<Routes />中所示） ，則當沒有其他路由匹配時，將顯示最后一個路由。
import React from 'react';
import {Routes, Route, Navigate} from 'react-router-dom';
import {authRoutes, publicRoutes} from '../routes';
import { SHOP_ROUTE } from '../utils/consts';
const AppRouter = () => {
const isAuth = false
return (
<Routes>
{isAuth && authRoutes.map(({path, Component}) =>
<Route key={path} path={path} element={<Component/>} exact/>
)}
{publicRoutes.map(({path, Component}) =>
<Route key={path} path={path} element={<Component/>} exact/>
)}
<Route path="*" element={<NotFound />} />
</Routes>
);
};
export default AppRouter;
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/449442.html
標籤：javascript 反应 重定向
下一篇：如何使用Next.js重定向？