在componentDidMount中或单击按钮时调用API

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    // 在这里调用API
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 处理获取到的数据
        console.log(data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }

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

export default MyComponent;

import React, { Component } from 'react';

class MyComponent extends Component {
  handleClick() {
    // 在按钮点击时调用API
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 处理获取到的数据
        console.log(data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>点击调用API</button>
      </div>
    );
  }
}

export default MyComponent;