Apollo Query 组件

 Query组件可以在“ react-apollo ” 中导出,我们将查询的字符串gql引入并传递给Query组件即可,

Query组件提供了一个函数来告诉React 要渲染的内容,以及一些属性 Loading 、error、data、fetchMore、refetch、以便根据我们查询的状态呈现智能化不同的UI。

下面是一个简单的例子

 gql1.png

当从服务器接收到数据,你将首先看到一个加载状态,然后是一个渲染列表,为了保证当数据发生错误是页面不出错,

我们还可以进行数据的安全检测。

gql2.png


refetch : (variables?: TVariables) => Promise

一个函数 ,允许你重新提取查询并有选择的传入新的变量

fetchMore: ({ query?: DocumentNode, variables?: TVariables, updateQuery: Function}) => Promise

为查询启用分页的功能

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容