如何使用react-router v4调度redux操作？

import React from 'react';
import { Provider } from 'react-redux';
import { BrowserRouter as Router } from 'react-router-dom';
import store from './store'; // 导入Redux的store

const App = () => (
  <Provider store={store}>
    <Router>
      {/* 应用程序的其他组件 */}
    </Router>
  </Provider>
);

export default App;

import React from 'react';
import { withRouter } from 'react-router-dom';

const MyComponent = ({ history }) => {
  const handleClick = () => {
    history.push('/some-route'); // 使用history对象进行页面跳转
  };

  return (
    <div>
      <button onClick={handleClick}>跳转到某个路由</button>
    </div>
  );
};

export default withRouter(MyComponent);

import React from 'react';
import { connect } from 'react-redux';
import { someAction } from './actions';

const MyComponent = ({ someData, dispatch }) => {
  const handleClick = () => {
    dispatch(someAction()); // 调用Redux的action
  };

  return (
    <div>
      <button onClick={handleClick}>执行某个Redux操作</button>
      <p>{someData}</p>
    </div>
  );
};

const mapStateToProps = state => ({
  someData: state.someData // 将state中的某个数据映射到组件的props中
});

export default connect(mapStateToProps)(MyComponent);