在.then()中使用this.props的React本机调用异步函数

// React组件
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
      isLoading: true
    };
  }

  componentDidMount() {
    // 异步函数调用
    fetchData().then(result => {
      // 在.then()中使用this.props
      this.props.processData(result);
    });
  }

  render() {
    // 根据isLoading状态展示内容
    if (this.state.isLoading) {
      return <div>Loading...</div>;
    }

    return <div>{this.state.data}</div>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  processData(result) {
    // 在父组件中处理异步函数返回的数据
    // 这里可以对数据进行处理、更新state等操作
    this.setState({
      data: result,
      isLoading: false
    });
  }

  render() {
    return <MyComponent processData={this.processData.bind(this)} />;
  }
}

// 异步函数示例
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data from async function");
    }, 2000);
  });
}