如何在React-js/React native中处理多个API调用的全局加载屏幕？

在React-js/React Native中处理多个API调用的全局加载屏幕，可以通过以下步骤实现：

创建一个全局加载屏幕组件：首先，创建一个全局加载屏幕组件，用于显示加载状态。可以使用React的组件库或自定义组件来实现。该组件可以包含一个加载动画和一段加载提示文字。
管理加载状态：在应用的状态管理中，创建一个全局的加载状态变量，用于控制加载屏幕的显示与隐藏。可以使用React的状态管理库（如Redux、MobX）或React的上下文（Context）来管理加载状态。
发起API调用：在需要进行API调用的地方，使用异步函数或Promise来发起API请求。在发起请求之前，将加载状态变量设置为true，显示加载屏幕。
处理API响应：在API响应返回后，根据请求结果进行相应的处理。无论请求成功或失败，都需要将加载状态变量设置为false，隐藏加载屏幕。
处理多个API调用：如果需要处理多个API调用，可以使用Promise.all()或async/await来并行或串行发起多个API请求。在所有请求完成后，再将加载状态变量设置为false，隐藏加载屏幕。

以下是一个示例代码：

import React, { useState } from 'react';

// 全局加载屏幕组件
const LoadingScreen = () => {
  return (
    <div>
      <div className="loading-animation"></div>
      <p>Loading...</p>
    </div>
  );
};

// 应用组件
const App = () => {
  const [isLoading, setIsLoading] = useState(false);

  // 发起API调用
  const fetchData = async () => {
    setIsLoading(true);

    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      // 处理API响应数据
      console.log(data);
    } catch (error) {
      // 处理错误
      console.error(error);
    }

    setIsLoading(false);
  };

  // 处理多个API调用
  const handleMultipleAPIs = async () => {
    setIsLoading(true);

    try {
      const response1 = await fetch('https://api.example.com/data1');
      const data1 = await response1.json();
      // 处理API1响应数据
      console.log(data1);

      const response2 = await fetch('https://api.example.com/data2');
      const data2 = await response2.json();
      // 处理API2响应数据
      console.log(data2);
    } catch (error) {
      // 处理错误
      console.error(error);
    }

    setIsLoading(false);
  };

  return (
    <div>
      {isLoading && <LoadingScreen />}
      <button onClick={fetchData}>Fetch Data</button>
      <button onClick={handleMultipleAPIs}>Handle Multiple APIs</button>
    </div>
  );
};

export default App;

在上述示例中，通过useState钩子函数创建isLoading状态变量来管理加载状态。在发起API调用前，将isLoading设置为true，显示加载屏幕组件。在API响应返回后，无论成功或失败，都将isLoading设置为false，隐藏加载屏幕组件。通过按钮的点击事件来触发API调用。