是否可以在React中让每个应用程序只使用一次API

class MyComponent extends React.Component {
  componentDidMount() {
    // 调用API并更新组件状态
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        this.setState({ data });
      });
  }

  render() {
    // 渲染组件
    return (
      <div>
        {/* 使用从API获取的数据 */}
        {this.state.data}
      </div>
    );
  }
}

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 调用API并更新组件状态
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        setData(data);
      });
  }, []);

  // 渲染组件
  return (
    <div>
      {/* 使用从API获取的数据 */}
      {data}
    </div>
  );
}