未捕获的 TypeError: (0 , _reactRouterDom.useNavigate) 不是函数

Question

我从今天开始在创建新应用时看到此错误。我知道 react-router-dom 新版本几乎没有变化，所以安装了旧版本。

"react-router-dom": "^5.2.0"

不知道哪里出了问题。

App 组件代码

import { Container } from 'react-bootstrap';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import Header from './components/Header';
import Footer from './components/Footer';
import LoginScreen from './screens/LoginScreen'


const App = () => {
  return(
    <Router>
      <Header />
          <main className='py-3'>
            <Container>
                <Route path='/' component={LoginScreen} />
            </Container>
          </main>
      <Footer />
    </Router>
    ) 

谁能帮我解决这个问题？如果需要添加任何其他详细信息，请告诉我。

Answer 1

根据迁移指南upgrading/v5#use-usenavigate-instead-of-usehistory，为react-router v6 添加了useNavigate 挂钩。

请检查是否有任何组件使用此钩子。对于react-router v5，您应该使用useHistory() 来获取history 对象并执行导航。