React: 'Redirect'没有从' React -router-dom'中导出

当在终端中运行npm run start时，我得到以下错误。

试图导入错误:'Redirect'没有从'react-router-dom'中导出。

我重新安装了node_modules, react-router-dom, react-router。还重新启动了终端和我的电脑，但问题仍然存在。

我的代码:

import React from 'react';
import { Switch, Redirect } from 'react-router-dom';

import { RouteWithLayout } from './components';
import { Minimal as MinimalLayout } from './layouts';

import {
  Login as LoginView,
  Dashboard as DashboardView,
  NotFound as NotFoundView
} from './views';

const Routes = () => {
  return (
    <Switch>
      <Redirect
        exact
        from="/"
        to="/dashboard"
      />
      <RouteWithLayout
        component={routeProps => <LoginView {...routeProps} data={data} />}
        exact
        layout={MinimalLayout}
        path="/login"
      />
      <Redirect to="/not-found" />
    </Switch>
  );
};

export default Routes;

这是我的包裹。json:进口

"react-router": "^6.0.0-beta.0",
"react-router-dom": "^6.0.0-beta.0",

当前回答

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

return (
            <Routes>
                <Route path='/products/:id' element={<Store/>} />

                 //replace Redirect with Navigate
                <Route path="*" element={<Navigate to ="/products" />}/>
            </Routes>

    );

2021-11-19 16:54:16

其他回答

在react-router-dom版本5.x中。我们可以使用<Redirect /> . x > 6

import { Redirect } from 'react-router-dom';

{ component: () => <Redirect to="/dashboard" /> }

在react-router-dom版本5.x中。x < 6我们可以使用<Navigate />

import { Navigate } from 'react-router-dom';

{ component: () => <Navigate to="/dashboard" /> }

2022-06-22 06:26:22

你不能使用Redirect组件，因为它已经从react-router-dom版本6中删除了。

你可以使用react-router-dom 4.2.2版本。只需使用下面的代码来安装它。

npm install --save react-router-dom@4.2.2

yarn add react-router-dom@4.2.2

2021-04-07 11:36:32

实际上，switch和redirect是react-router version 5和当前react-router version 6定义的路由器，所以这也不会是word 你使用版本5的交换机和重定向或路由器和版本6的to

2021-12-02 03:12:59

重定向组件已从react-router版本6中删除，对于react-router-dom v6，只需将重定向替换为导航

import { Navigate } from 'react-router-dom';

<Routes>
<Route path="/login" element={isLogin ? <Navigate to="/" /> : <Login />}/>
</Routes>

2021-12-17 10:54:14

因为它在v6中被删除了，所以您可以使用它作为替代。

<Route path="*" element={<NotFound />} />

2021-11-15 13:42:57

React: 'Redirect'没有从' React -router-dom'中导出

推荐文章

最新文章

标签