要从React应用程序中获取AWS API网关的数据，您可以使用AWS Amplify库来处理身份验证和与API网关的交互。以下是一个解决方案的示例代码：

1. 首先，确保您已经设置并配置了AWS Amplify。可以通过运行amplify init和amplify configure命令来完成设置和配置。

2. 安装所需的依赖项。在React项目的根目录中运行以下命令：

npm install aws-amplify aws-amplify-react

3. 在React应用程序的入口文件（通常是index.js）中导入和配置AWS Amplify。您需要提供您的AWS Cognito和API网关的相关信息。例如：

import Amplify from 'aws-amplify';
import config from './aws-exports';

Amplify.configure(config);

4. 在需要调用API网关的组件中，您可以使用API对象来与API进行交互。以下是一个示例组件，它从API网关获取数据并在页面上呈现：

import React, { useEffect, useState } from 'react';
import { API } from 'aws-amplify';

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const apiResponse = await API.get('MyApiName', '/myEndpoint');
      setData(apiResponse);
    } catch (error) {
      console.log('Error fetching data:', error);
    }
  };

  return (
    

      {data.map((item, index) => (
        
{item.name}
      ))}
    
  );
};

export default MyComponent;

在上述示例中，API.get方法用于从API网关获取数据。您需要将MyApiName替换为您的API网关的名称，/myEndpoint替换为您要调用的端点路径。

请注意，上述代码仅使用了API.get方法作为示例。根据您的需求，您可以使用其他API方法，例如API.post或API.put，以便进行不同类型的请求。

这只是一个简单的示例，您可以根据您的需求进行修改和扩展。希望对您有所帮助！