ReactJS:使用connect从两个单独的文件中分派操作

npm install react-redux

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { actionCreator } from './actions';

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

// mapStateToProps函数用于将Redux store的状态映射到组件的属性
function mapStateToProps(state) {
  return {
    // 将store中的状态映射到prop中
    prop1: state.prop1,
    prop2: state.prop2
  };
}

// mapDispatchToProps函数用于将分派操作映射到组件的属性
function mapDispatchToProps(dispatch) {
  return bindActionCreators(
    {
      // 将actionCreator中的操作映射到prop中
      action1: actionCreator.action1,
      action2: actionCreator.action2
    },
    dispatch
  );
}

// 使用connect函数连接React组件与Redux store
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);