在终端中运行npm run start时出现以下错误.

try 导入错误:"重定向"未从"react router dom"导出.

我已经重新安装了node_modulesreact-router-domreact-router.也重启了终端和我的电脑,但问题依然存在.

My code:

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;

以下是我的package.json条进口商品:

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

感谢您的帮助.

推荐答案

对于react-router-dom v6,只需将Redirect更换为Navigate即可

import { Navigate } from 'react-router-dom';
.
.
.
{ component: () => <Navigate to="/404" /> }

Reactjs相关问答推荐

自动化幻灯片放映以防止React中重复过多的正确方法是什么

是否可能有不同的加载器用于路径有查询参数和没有查询参数,或者在React Router 6中添加它们时有条件地跳过一个加载器?

react 派生状态未正确更新

react 路由导航不工作,但手动路由工作

是否将样式应用于父悬停(框架运动)上的子元素?

防止在Reaction中卸载

自定义变量默认、聚焦和填充时所需TextField中标签的星号 colored颜色

生产部署:控制台中 Firebase 无效 api 密钥错误

数据表格组件需要所有行都具有唯一的ID属性.或者,您可以使用getRowId属性.

ReactJS on AWS Amplify与EC2上的Spring boot服务之间的混合内容错误

如何使用 redux 和 react-plotly.js

Redux,状态未定义

单元测试 useLoaderData() react-router v6 加载器函数

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据?

在 redux 中分派到另一个减少时状态值不会改变

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

您无权使用阻止 webRequest 侦听器.请务必在 list 中声明 webRequestBlocking 权限

在 redux 状态更改时更新react 按钮禁用状态

如何防止 mui x-date-picker 被截断?

单击按钮时获取react 表中每一行的属性