从react中的api获取数据

componentDidMount() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      // 处理获取到的数据
    })
    .catch(error => {
      // 处理错误
    });
}

import axios from 'axios';

componentDidMount() {
  axios.get('https://api.example.com/data')
    .then(response => {
      // 处理获取到的数据
    })
    .catch(error => {
      // 处理错误
    });
}

constructor(props) {
  super(props);
  this.state = {
    data: null,
    loading: true,
    error: null
  };
}

componentDidMount() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
      this.setState({ data, loading: false });
    })
    .catch(error => {
      this.setState({ error, loading: false });
    });
}

render() {
  const { data, loading, error } = this.state;

  if (loading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div>
      {/* 使用获取到的数据进行渲染 */}
    </div>
  );
}