为什么我收到TypeError：无法读取未定义的REACT-ROUTER-DOM的属性&#39；PUSH&#39；

编程基础网前端问题

2022-01-01

Why am I getting TypeError: Cannot read property #39;push#39; of undefined react-router-dom(为什么我收到TypeError：无法读取未定义的REACT-ROUTER-DOM的属性#39；PUSH#39；)

本文介绍了为什么我收到TypeError：无法读取未定义的REACT-ROUTER-DOM的属性&#39；PUSH&#39；的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我只是检查一下我在Redux商店中是否有语言。如果有，我将把它保存在我的localStorage中，如果没有，我想导航到一个组件调用MultiLanguage。
我使用了下面的history方法，但它显示了一个错误。它显示了undefined的推送情况，此问题的解决方案是什么？

const history = useHistory();
  const language = store.getState().languages.selectedLangauge.language;
  console.log("language", language);
  if (language) {
    localStorage.setItem("language", language);
  } else {
    history.push("/multilanguage");
  }
  return (
    <div className="font-metropolis_regular">
      <Router>
        <Route path="/" exact component={Selection} />
        <Route path="/login" component={Login} />
        <Route path="/home" component={Homepage} />
        <Route path="/account" component={Account} />
        <Route path="/multilanguage" component={MultiLanguage} />
      </Router>
    </div>
  );

推荐答案

原因很简单，正如错误所述，您的useHistory挂钩返回未定义。发生这种情况是因为这个钩子只能在Router包装的组件中调用，因此决策可能会将其上移一级。请看一下代码示例https://flaviocopes.com/react-router-uselocation-usehistory-undefined/

这篇关于为什么我收到TypeError：无法读取未定义的REACT-ROUTER-DOM的属性&#39；PUSH&#39；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

react