react报：export useHistory (imported as useHistory) was not found in react-router-dom

react项目开发时遇到

解决方法：

报错意思是在react-router-dom中没有useHistory，主要是在v6中使用useNavigate对原来的useHistory进行了替换

• 在v4中我们可以使用withRouter这一高阶组件对导出组件进行包裹，来获得进行路由跳转的方法

import { withRouter } from "react-router-dom";
const Admin= (props) => {
  return (
    <div>
      <button onClick={()=>{
		props.history.push("/home")
	}}
    </div>
  );
}

export default withRouter(Admin);

• 在v5中使用useHistory()

import { useHistory } from "react-router-dom";
const history = useHistory ()
const junpAdimnUrl = (url) => history.push(url);

• 在v6中使用useNavigate()

import { useNavigate } from 'react-router-dom';
const navigate = useNavigate()
const junpAdimnUrl = (url) => navigate(url);