为什么我收到TypeError:无法读取未定义的REACT-ROUTER-DOM的属性'PUSH'

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的属性'PUSH'的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我只是检查一下我在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;的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:为什么我收到TypeError:无法读取未定义的REACT-ROUTER-DOM的属性&#39;PUSH&#39;

基础教程推荐