在我的项目中，我们计划实施渐进式披露（如果用户具有权限，则显示部分 UI 数据）。基本上，我们使用 react + apollo client with hooks + graphqltag。

但问题不在于如何隐藏 UI 的某些部分，而是如何按权限拆分查询。所以现在对于页面，我们创建了一个包含许多不同类型数据的“子查询”的查询。例如：

sell

如果用户有权限，现在这个查询的每个部分都将可用。在后端，它已经处理了。我们抛出空/空数组和错误。但是 IMO 我们甚至不应该要求这部分数据。这就是问题所在。对于如何使用 apollo 客户端执行此操作，您有什么建议吗？

现在我有两个想法：

1. 如果用户有权限，则将查询拆分为单个并进行几次 API 调用，否则跳过它
2. 编写一个自定义函数，我将在其中作为对象的 prop 数组传递，包括查询定义和查询所需的权限。我将根据权限过滤此数组，并从 export const GET_DATA_X= gql` query getDataX( $applicationid: ID! $dateFrom: String! $dateTo: String! $displayMode: String! ) { applicationShipDates( applicationid: $applicationid dateFrom: $dateFrom dateTo: $dateTo displayMode: $displayMode ) { periodStartDate dates } graphStatistics( applicationid: $applicationid dateFrom: $dateFrom dateTo: $dateTo ) { totalVisits totalConversions conversionRate } } `; 或 applicationShipDates 等小查询定义中创建一个大查询，例如 graphStatistics，其中将包含很少的“子查询”