如何在组件挂载时调用API，然后设置间隔，在挂载后调用x次？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  componentDidMount() {
    this.apiInterval = setInterval(() => {
      // 调用API的代码，可以使用fetch或axios等库发送请求
      this.callAPI();
      
      // 更新计数器
      this.setState(prevState => ({
        count: prevState.count + 1
      }));
      
      // 检查是否达到调用次数，达到则停止重复调用
      if (this.state.count === x) {
        clearInterval(this.apiInterval);
      }
    }, interval);
  }

  callAPI() {
    // 在这里调用API的具体逻辑
  }

  render() {
    // 组件的渲染逻辑
    return (
      // JSX代码
    );
  }
}

export default MyComponent;