在ReactJs中显示Api

import React from 'react';
import ReactDOM from 'react-dom';

class ApiDisplay extends React.Component {
  render() {
    return (
      <div>
        {/* API数据将在这里显示 */}
      </div>
    );
  }
}

class ApiDisplay extends React.Component {
  componentDidMount() {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 将获取的API数据存储到组件的state中
        this.setState({ apiData: data });
      });
  }

  render() {
    return (
      <div>
        {/* 使用this.state.apiData显示API数据 */}
      </div>
    );
  }
}

class ApiDisplay extends React.Component {
  componentDidMount() {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        this.setState({ apiData: data });
      });
  }

  render() {
    const { apiData } = this.state;

    return (
      <div>
        {apiData && (
          <ul>
            {apiData.map(item => (
              <li key={item.id}>{item.name}</li>
            ))}
          </ul>
        )}
      </div>
    );
  }
}