在react-router-dom v5.x 版本中,useHistory 是一个钩子(Hook),它允许你在函数组件中访问路由的历史记录对象(history)。通过这个对象,你可以执行各种导航操作,如编程式导航(programmatically navigating)到不同的 URL、替换当前的历史记录条目、前进或后退等。
确保 Router 和 useHistory 钩子是从同一个包中导入的。当其中一个从 react-router 导入而另一个从 react-router-dom 导入并且这些包的包版本不匹配时,可能会抛出相同的错误。不要同时使用它们,请阅读此处的区别。 Dennis Persson
新手上路,请多包涵 我正在尝试从“react-router-dom”导入 useHistory,但是,我收到此错误:导入错误:“useHistory”未从“react-router-dom”导出。 我也检查了其他答案,例如 Attempted import error: ‘useHistory’ is not exported from ‘react-router-dom’ this 但无济于事。我的 package.json 看起来像这样...
Route, Link } from "react-router-dom"; import { Switch, useHistory } from 'react-router' import { useTranslation } from 'react-i18next'; import lazyLoader from 'CommonApp/components/misc/lazyLoader'; import {AppContext} from 'CommonApp/context/context'; export default function App(props)...
众所周知,react-router/react-router-dom在 v6 版本取消了对remix-run / history的依赖,大幅减负,内部自己实现了更简约、轻量的history,所以不再提供useHistory方法,这会导致: 如果从 react router v5 升级,迁移困难。 history.listen无法使用,新的useLocation、useNavigate学习成本等。
对于react router dom的版本小于6.^ 您可以像代码显示的那样使用useHistory()钩子。 react router dom的最新版本大于6.^ 您可以像这样使用useNavigate()钩子。您也可以使用没有道具。 代码语言:javascript 复制 import { useNavigate } from 'react-router-dom'; class Login extends Component { ... let navigat...
import{useHistory}from"react-router-dom"; functionHomeButton() { lethistory=useHistory(); functionhandleClick() { history.push("/home"); } return( Gohome ); } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15....
Version "react": "^16.8.6", "react-router": "^6.0.0-alpha.2", "react-router-dom": "^6.0.0-alpha.2" Steps to reproduce Try to use history hook in a React function component: import { useHistory } from 'react-router-dom'; ... const history...
import React from'react'; import {BrowserRouter as Router,Routes,Route, Link,useNavigate} from'react-router-dom'; import'./Broadcast.css'import Channel1 from'./Pages/Channel1'import Channel2 from'./Pages/Channel2'import Channel3 from'./Pages/Channel3'const { Header, Content, Footer }=Layou...
无法编译 ./src/pages/UserForm/_UserForm.js 尝试导入错误:“useHistory”未从“react-router-dom”导出。此错误发生在构建期间,无法消除。react-router-dom 版本:4.3.1 代码:import React, { useState, Fragment } from 'react'; import FormUserDetails ...