如何在React中使用带有amplify组件getquery

npm install aws-amplify

const awsmobile = {
  "aws_project_region": "<AWS项目区域>",
  "aws_cognito_identity_pool_id": "<Cognito身份池ID>",
  "aws_cognito_region": "<Cognito区域>",
  "aws_user_pools_id": "<用户池ID>",
  "aws_user_pools_web_client_id": "<用户池Web客户端ID>",
  "oauth": {},
  "aws_appsync_graphqlEndpoint": "<AppSync GraphQL端点URL>",
  "aws_appsync_region": "<AppSync区域>",
  "aws_appsync_authenticationType": "AMAZON_COGNITO_USER_POOLS",
};

export default awsmobile;

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

Amplify.configure(awsconfig);

npm install @aws-amplify/api

import { API } from 'aws-amplify';

const fetchData = async () => {
  try {
    const response = await API.graphql({
      query: /* GraphQL查询 */,
      variables: {/* 可选的变量 */},
    });
    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
};

fetchData();