在连接的redux组件中加载数据的正确位置

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

class MyComponent extends Component {
  componentDidMount() {
    // 在组件渲染完成后，调用fetchData方法来加载数据
    this.props.fetchData();
  }

  render() {
    // 渲染组件的内容
    return (
      <div>
        {/* 根据加载的数据渲染组件 */}
        {this.props.data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}

const mapStateToProps = state => ({
  data: state.data // 从Redux的store中获取数据
});

const mapDispatchToProps = {
  fetchData // 将fetchData方法映射到props中
};

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