如何将外部数据获取接口导入react componentDidMount方法

import React, { Component } from 'react';

getData() {
  // 调用外部数据获取接口，例如使用fetch或axios库
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      // 处理获取到的数据
      console.log(data);
    })
    .catch(error => {
      // 处理错误
      console.error(error);
    });
}

componentDidMount() {
  this.getData();
}

import React, { Component } from 'react';

class MyComponent extends Component {
  getData() {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        console.log(data);
      })
      .catch(error => {
        console.error(error);
      });
  }

  componentDidMount() {
    this.getData();
  }

  render() {
    return (
      <div>
        {/* 组件的其他内容 */}
      </div>
    );
  }
}

export default MyComponent;