為什么我會收到 TypeError：無法讀取未定義的 react-router-dom 的屬性“push”

Question

我只是在檢查我是否在 redux 商店中有語言。 如果有，我會將它保存在我的localStorage ，如果沒有，我想導航到一個組件調用MultiLanguage 。
我使用以下方法使用history但它顯示 mw 錯誤。 什么顯示了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>
  );

Answer 1

原因很簡單，正如錯誤所說，您的useHistory鈎子返回未定義。 發生這種情況是因為此鈎子只能在由Router包裝的組件內調用，因此決定可能會將其向上移動一級。 看看這個代碼示例https://flaviocopes.com/react-router-uselocation-usehistory-undefined/