如何使用链式承诺在react componentDidMount中测试异步获取？

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    this.getData()
      .then(response => {
        // 处理获取的数据
        console.log(response);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }

  getData() {
    return new Promise((resolve, reject) => {
      // 模拟异步获取数据的操作
      setTimeout(() => {
        const data = { message: 'Hello, World!' };
        resolve(data);
      }, 2000);
    });
  }

  render() {
    return <div>My Component</div>;
  }
}

export default MyComponent;