react 'withRouter' is not exported from 'react-router-dom'

Question

安装了 react-router-dom 引用方法复制的官网的 为啥还报这个错呢

Answer 1

react-router 6没这个HOC了，6只有hooks方法了，一定要的话，可以自定义一个

import { useHistory } from 'react-router-dom';

export const withRouter = (Component) => {
  const Wrapper = (props) => {
    const history = useHistory();
    
    return (
      <Component
        history={history}
        {...props}
        />
    );
  };
  
  return Wrapper;
};