在使用React路由器v5和Redux时，我无法弄清楚如何将道具传递给组件

import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  // ...
}

const mapStateToProps = (state) => ({
  // 从Redux获取状态
});

const mapDispatchToProps = {
  // 映射dispatch到props的方法
};

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(MyComponent));

import { useSelector, useDispatch } from 'react-redux';
import { useHistory, useLocation, useParams } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();
  const location = useLocation();
  const params = useParams();
  const someState = useSelector(state => state.someReducer);

  // 使用history, location, params和someState
}

import { Route } from 'react-router-dom';
import { connect } from 'react-redux';

const MyComponent = ({ someState, someAction }) => {
  // ...
};

const mapStateToProps = (state) => ({
  someState: state.someReducer,
});

const mapDispatchToProps = {
  someAction,
};

<Route path="/my-path" render={(routeProps) => (
  <MyComponent {...routeProps} {...connect(mapStateToProps, mapDispatchToProps)} />
)} />