如果 url 错误，我需要你重定向到 Shop。反应 js

Question

如果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;

Answer 1

如果在<Routes />的末尾包含一个<Route path="*" />组件（如docs所示），那么当没有其他路由被访问时，将显示最后一条路由匹配。

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;

如果 url 错误，我需要你重定向到 Shop。反应 js

I need you to redirect to Shop if url is wrong. React js

javascript

redirect

reactjs