Apollo: 组件重新渲染之间的加载状态
创始人
2024-09-09 07:00:31
0

使用Apollo的组件重新渲染时,可以通过Apollo的Query组件来管理加载状态。以下是一个示例解决方法:

import React from 'react';
import { Query } from 'react-apollo';
import { gql } from 'apollo-boost';

const GET_DATA_QUERY = gql`
  query GetData {
    data {
      // 查询的字段
    }
  }
`;

const MyComponent = () => (
  
    {({ loading, error, data }) => {
      if (loading) return 
Loading...
; if (error) return
Error: {error.message}
; // 渲染组件的逻辑 return (
{/* 使用从Apollo查询返回的数据进行渲染 */} {data.field}
); }}
); export default MyComponent;

在上面的示例中,使用Apollo的Query组件来执行查询,并根据加载状态渲染不同的内容。当loading为true时,显示"Loading...",当error存在时,显示错误消息。当数据加载完成时,通过data字段来使用查询返回的数据进行渲染。

这种方式可以确保在组件重新渲染时正确地管理加载状态,并根据加载状态显示不同的UI。

相关内容

热门资讯

透视中牌率!wpk有作弊吗,w... 透视中牌率!wpk有作弊吗,wpk俱乐部是做什么的,辅助教程(有挂攻略)1、金币登录送、破产送、升级...
透视能赢!wpk德州局怎么透视... 透视能赢!wpk德州局怎么透视,wpk有那种辅助吗,技巧教程(有挂黑科技);1、wpk德州局怎么透视...
透视中牌率!wpk可以作弊吗,... 透视中牌率!wpk可以作弊吗,wpk作弊,高科技教程(有挂辅助);小薇(透视辅助)致您一封信;亲爱w...
透视挂!wpk透视是真的假的,... 透视挂!wpk透视是真的假的,wpk辅助哪里买,微扑克教程(有挂脚本)1、实时wpk透视是真的假的开...
透视最新!wpk辅助插件,wp... 透视最新!wpk辅助插件,wpk是真的还是假的,细节揭秘(有挂规律);1、构建自己的wpk是真的还是...
透视免费!wpk私人局辅助是真... 透视免费!wpk私人局辅助是真的吗,wpk透视辅助,攻略教程(有挂工具)1、这是跨平台的wpk私人局...
透视好友!wpk俱乐部有没有辅... 透视好友!wpk俱乐部有没有辅助,wpk辅助哪里买,实用技巧(有挂细节)亲,关键说明,wpk俱乐部有...
透视软件!wpk有那种辅助吗,... 透视软件!wpk有那种辅助吗,如何判断wpk辅助软件的真假,微扑克教程(有挂脚本)1、操作简单,无需...
透视辅助!wpk作弊,wpk俱... 透视辅助!wpk作弊,wpk俱乐部有没有辅助,透视教程(有挂攻略)1、每一步都需要思考,不同水平的挑...
透视好友!wpk透视辅助下载,... 透视好友!wpk透视辅助下载,wpk插件,安装教程(有挂技巧)一、wpk透视辅助下载AI软件牌型概率...