通过react-router-dom，我想调用redux action

npm install react-router-dom redux

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { yourAction } from './actions';

// actions.js
export const yourAction = () => {
  return {
    type: 'YOUR_ACTION_TYPE',
    payload: 'your payload',
  };
};

// reducer.js
const initialState = {
  // 初始状态
};

const yourReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'YOUR_ACTION_TYPE':
      return {
        ...state,
        // 更新状态
      };
    default:
      return state;
  }
};

export default yourReducer;

// YourComponent.js
const YourComponent = ({ yourAction }) => {
  // 在组件中使用你的action
  const handleClick = () => {
    yourAction();
  };

  return (
    <div>
      {/* 在这里放置你的组件内容 */}
      <button onClick={handleClick}>调用Redux action</button>
    </div>
  );
};

const mapDispatchToProps = (dispatch) => {
  return bindActionCreators({ yourAction }, dispatch);
};

export default connect(null, mapDispatchToProps)(YourComponent);

// App.js
const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={YourComponent} />
        {/* 其他路由规则 */}
      </Switch>
    </Router>
  );
};

export default App;