使用React Native集成GraphQL
import React from 'react';
import { GraphQLClient, gql } from 'react-fetching-library';
// 定义GraphQL查询
const GET_USER = gql`
query GetUser($id: ID!) {
user(id: $id) {
id
name
email
}
}
`;
// 使用GraphQLClient组件封装你的GraphQL查询
const UserFetcher = ({ userId }) => (
<GraphQLClient
query={GET_USER}
variables={{ id: userId }}
render={({ data: { user } }) => (
<div>
<h1>用户信息</h1>
<p>ID: {user.id}</p>
<p>名字: {user.name}</p>
<p>邮箱: {user.email}</p>
</div>
)}
/>
);
export default UserFetcher;
这个例子展示了如何在React Native应用程序中使用react-fetching-library
库来封装和执行GraphQL查询。GraphQLClient
组件负责发送GraphQL请求并处理响应,而gql
标签用于定义GraphQL查询模板。这个例子假设你已经配置好了GraphQL服务端,并且react-fetching-library
库已经安装在你的项目中。
评论已关闭