重大用户界面：解析错误：标识符'Switch'已被声明

Question

我需要在其中一个组件中使用Material UI Switch component以及react-router-dom开关。
这是我将它们导入react组件的方式：

import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import Switch from "@material-ui/core/Switch";

但是当然编译器错误显示：

解析错误：标识符'Switch'已经声明。

有什么方法可以将其中一种导入作为完全合格的导入来避免此错误？

Answer 1

可能您需要重命名它，因为您已经在使用 react-router-dom 中的<Switch />组件。请尝试以下操作：

import MaterialSwitch from "@material-ui/core/Switch";

也请不要忘记将该文件中的引用从<Switch />更新到<MaterialSwitch />（如果适用）。