如何在使用React Native和Apollo构建的应用程序中呈现我的帖子列表中的单个帖子？

// 导入所需的依赖包和组件
import React from 'react';
import { View, Text } from 'react-native';
import { useQuery } from '@apollo/client';
import { GET_POSTS } from './graphql/queries';

// 创建帖子列表组件
const PostList = () => {
  // 使用Apollo的useQuery钩子来发送GraphQL查询请求
  const { loading, error, data } = useQuery(GET_POSTS);

  if (loading) {
    return <Text>Loading...</Text>;
  }

  if (error) {
    return <Text>Error: {error.message}</Text>;
  }

  return (
    <View>
      {data.posts.map((post) => (
        <PostComponent key={post.id} post={post} />
      ))}
    </View>
  );
};

// 创建单个帖子组件
const PostComponent = ({ post }) => {
  return (
    <View>
      <Text>Title: {post.title}</Text>
      <Text>Content: {post.content}</Text>
      <Text>Author: {post.author}</Text>
    </View>
  );
};

export default PostList;