reactjs - 设置 useHistory Hook 时无法读取未定义的属性 'history'

Question

我得到的错误是 Cannot read property 'history' of undefined .我已正确导入 useHistory()来自 react-router-dom 的钩子(Hook).

export const App = () => {
  
  /* Handle deep link navigation based on incoming myApp://entity/:entity_id call */
  const history = useHistory()

  const setLocationFromDeepLink = (path: string) => {
    history.push(`/${path}`)
  }

.......

Answer 1

请确保您使用的是来自 react-router-dom 的 BrowserRouter
因为 useHistory() 仅适用于 BrowserRouter。

import { BrowserRouter} from 'react-router-dom'

<BrowserRouter>
        ...
         Do logic here
        ...
 </BrowserRouter>

您可以从以下链接了解有关 react-router-dom 的更多信息
https://reactrouter.com/web/api/Hooks