📌  相关文章
📜  在'react-router-dom'中找不到导出'Switch'(导入为'Switch') (1)

📅  最后修改于: 2023-12-03 14:51:14.140000             🧑  作者: Mango

react-router-dom 中找不到导出 Switch (导入为 Switch)

如果你在 react-router-dom 中使用了 Switch 且出现了找不到导出 Switch 的错误,那么这很可能是由于你的导入方式不对导致的。

一般而言,我们会这样导入 Switch

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

然而,如果你使用了如下方式导入 Switch

import Switch from 'react-router-dom/Switch';

那么就会出现找不到导出 Switch 的错误。

这是因为在 react-router-dom 中,Switch 并不是默认导出。因此你需要使用原本的 import { Switch } from 'react-router-dom' 的方式来导入 Switch

另外,如果你只需要使用 Switch,而不需要使用其他组件,可以将导入方式简化为以下形式:

import Switch from 'react-router-dom/es/Switch';

这样可以减小打包文件的大小。

最后需要注意的是,如果你使用了 react-router,那么你需要安装并导入 react-router-dom 而不是 react-router。因为 react-router-dom 是为 React DOM 服务的,而 react-router 是通用的。

希望这篇文章能够帮助你解决问题!