ComponentDidMount中的多个Redux操作

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchData, updateData } from './actions';

class MyComponent extends Component {
  componentDidMount() {
    // 调用Redux的action来获取数据并更新状态
    this.props.fetchData();

    // 调用Redux的action来更新数据
    this.props.updateData({ key: 'value' });
  }

  render() {
    // 渲染组件
    return (
      <div>
        {/* 组件内容 */}
      </div>
    );
  }
}

const mapStateToProps = (state) => {
  // 将Redux的状态映射到组件的props
  return {
    data: state.data
  };
};

const mapDispatchToProps = (dispatch) => {
  // 将Redux的action映射到组件的props
  return {
    fetchData: () => dispatch(fetchData()),
    updateData: (data) => dispatch(updateData(data))
  };
};

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