在React中的setState之后调用API

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null
    };
  }

  componentDidMount() {
    this.fetchData();
  }

  fetchData() {
    // 调用setState更新组件状态
    this.setState({ loading: true }, () => {
      // setState回调函数，在状态更新后被调用
      // 在这里可以调用API
      fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
          // 更新组件状态
          this.setState({ data, loading: false });
        });
    });
  }

  render() {
    // 根据组件状态渲染UI
    if (this.state.loading) {
      return <div>Loading...</div>;
    } else if (this.state.data) {
      return <div>Data: {this.state.data}</div>;
    } else {
      return <div>No data available</div>;
    }
  }
}