React-Router-Dom 6+ 拋出嘗試導入錯誤：“withRouter”未從“react-router-dom”導出

Question

當我嘗試使用 'react-router-dom@6.0.0-beta.0' 運行時，我得到

嘗試導入錯誤：“withRouter”未從“react-router-dom”導出

import {Route, withRouter } from "react-router-dom";

什么是替代品？

更新

這些鏈接表明應該使用全局對象是否有更好的方法？

鏈接 1鏈接 2

Answer 1

這個版本不支持'withRouter'，你可以使用其他一些屬性如useLocation, useNavigate, useParams

，然后通過使用這些你可以定義'withRouter'，也避免改變react-router-dom的版本。 使用此代碼解決問題

import {
  useLocation,
  useNavigate,
  useParams
} from "react-router-dom";

function withRouter(Component) {
  function ComponentWithRouterProp(props) {
    let location = useLocation();
    let navigate = useNavigate();
    let params = useParams();
    return (
      <Component
        {...props}
        router={{ location, navigate, params }}
      />
    );
  }

  return ComponentWithRouterProp;
}