如何解决无法从react-router-dom导入Switch、Autocomplete组件的问题

Switch无法导入问题 #

• 该问题由react-router-dom版本不匹配导致：v6及以上版本已经正式移除了Switch组件，替换为功能一致的Routes组件。
  解决方案有两种：
  1. 适配v6版本，改用Routes组件，代码示例如下：

  import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
  
  function App() {
    return (
      <div>
        <Router>
          <Routes>
            {/* 路由规则写在此处 */}
            {/* <Route path="/example" element={<ExamplePage />} /> */}
          </Routes>
        </Router>
      </div>
    );
  }
  

  2. 降级到v5版本继续使用Switch，执行安装命令：
     npm install react-router-dom@5.3.4
     安装完成后即可正常导入Switch组件。

Autocomplete无法导入问题 #

• Autocomplete不属于react-router-dom的导出组件，它是第三方UI组件库提供的能力，常见来源有Material UI、Ant Design等，你需要先安装对应UI组件库，再从对应包路径导入即可。

内容的提问来源于stack exchange，提问作者Okshi hafiz