react-apollo相关内容

如何在 Apollo 中使用 readFragment 中的数据?

登录突变后,返回一个 jwt 令牌和一个用户对象(id 和 firstName)并存储在缓存中(如下图所示). 我想通过使用 readFragment 从缓存中检索用户信息并将其传递给 Layout 组件. 所以我尝试在我的 Layout 组件中使用 read Fragment ,如下所示: class Layout extends Component {使成为() {const t ..
发布时间:2021-11-15 22:17:07 前端开发

如何将来自 Redux Store 的 props 传递到 Apollo GraphQL 查询

我刚刚开始在一个简单的 React Native 应用程序上使用 Apollo GraphQL,它的功能给我留下了深刻的印象.但我并没有完全理解它是如何与 Redux 商店集成的.本质上,我需要将一些用户输入从我的 searchReducer 传递到我的 GraphQL 查询中.我以为我可以简单地将连接的组件传递给我的 GraphQL 查询并提供一个变量,但它没有找到 prop searchInp ..
发布时间:2021-11-15 22:17:04 其他开发

Apollo 客户端:网络错误 {“type":“WriteError"}

我的 apollo 查询出现 网络错误 {"type":"WriteError"}.查询在到达客户端时执行得很好.但是在他的商店里写它有问题.任何想法可能会出错?这是查询: 片段 BpmnProcessInstanceItemTask on BpmnTaskInstance {ID开始日期完成日期任务 {姓名__类型名}表演者{姓名__类型名}表演者角色__类型名}BpmnProcessInst ..
发布时间:2021-11-15 22:16:58 其他开发

React Uncaught Invariant Violation:找不到“客户端"在 ApolloConsumer 的上下文中.将根组件包装在 <ApolloProvider> 中.

我有一个使用 react-apollo:2.5.8 的 React 应用程序和一个我通过 NPM 安装并在应用程序中使用的自定义组件库.该库在对等和开发依赖项中列出了 react-apollo:2.5.8.自从我将 react-apollo 升级到 2.5.8 以来,我一直收到此错误 `未捕获的不变违规:在 ApolloConsumer 的上下文中找不到“客户端".将根组件包装在 .` 中 我 ..
发布时间:2021-11-15 22:16:50 其他开发

Apollo 无法在更新中访问 queryVariables:突变后

我正在尝试使用 update: 在执行突变后更新查询.问题是商店中的查询应用了几个不同的变量,我想更新查询并使用相同的变量返回它. 我在文档中发现 updateQueries 可以选择包含 queryVariables,这是执行查询时使用的最后一组变量. 我没有找到任何描述如何从更新内部检索 queryVariables 或类似内容的内容. 更新内部:我可以使用 lastQue ..
发布时间:2021-11-15 22:16:33 其他开发

Apollo 客户端缓存无法正常工作

我的问题: 我对 GraphQL 非常陌生,我正在使用 Apollo 服务器和客户端开发我的第一个全栈应用程序,这是一个简单的博客. 在客户端,我在两个不同的页面中使用相同的查询,但具有不同的变量.查询是通过 ID 或 slug 查询博客文章,具体取决于我使用的页面.所以结果是一样的,只是查询变量发生了变化. 当我在一页中使用查询时,我认为查询不会因为 Apollo 缓存而在第二 ..
发布时间:2021-11-15 22:16:27 其他开发

Apollo GraphQL 请求被取消

我正在使用 Downshift 和 react-apollo 构建一个 React 类型提前文本字段组件.当用户键入时,我会查询预先键入的建议并将其显示在文本字段下方. 很遗憾,这次体验并不顺利.出于某种原因,Apollo 不时取消超过 50% 的请求. 我还记录了由 graphql HoC 包装的组件可以访问的响应数据.在所需的情况下,loading 状态设置为 false 并且我的 ..
发布时间:2021-11-15 22:16:14 其他开发

Apollo 客户端延迟重新获取

在 Apollo Client v3 React 实现中,我使用钩子来使用订阅.当我从订阅接收数据时,我想重新获取查询,但前提是查询先前已执行且在缓存中.有没有办法做到这一点? 我首先进行延迟查询,然后在收到订阅数据时手动检查缓存,然后尝试执行延迟查询并重新获取.它有效,但感觉很笨重... export const useMyStuffLazyRefetch = () =>{const [ ..
发布时间:2021-11-15 22:16:08 其他开发

来自 GraphQL 突变的动态响应

我正在使用 Apollo-Client 来处理 GraphQL 后端 (PHP),并且遇到了一些突变问题. 我正在处理的当前组件集是用于用户详细信息的表单.使用查询获取和显示详细信息,并且可以编辑和保存.当用户保存时,会进行检查以确定哪些值已更改,并通过更改发送这些值以进行更新. 我遇到的问题是我只希望从突变返回已更新的数据,因为返回可能已更新的每个字段都会为响应增加很多时间.有没有办 ..
发布时间:2021-11-15 22:16:05 其他开发

如何在全局范围内知道 ApolloClient 中所有查询的 networkStatus?

我正在尝试在 networkStatus 处于运行状态时显示预加载器. 我知道每个查询都会返回它自己的 networkStatus,但是在我的应用程序中有很多不同的查询.我想有一种方法可以在全局范围内处理所有查询的所有 networkStatus. 我想知道代码中的答案是:“网络上是否有任何待处理的查询?". 解决方案 目前,没有办法做到这一点,至少不容易/内置.您可以在 ht ..
发布时间:2021-11-15 22:15:54 其他开发

Apollo GraphQL (React) 跨组件数据共享

我刚开始使用 react-apollo,想知道跨组件共享数据的最佳方式是什么. 例如,我有 componentA 它使用 react-apollo 中的 grapql 来获取一些数据(WrappedA>).我还有一些其他组件,componentB,位于我 UI 的其他位置,并且想要使用 componentA 已经获取的数据.下面附上一个非常简单的例子. const ComponentA = ..
发布时间:2021-11-15 22:15:39 其他开发

如何在 Apollo Client 中使用没有 JSX 组件的 client.query?

我正在尝试使用 React 在 Apollo Client 中进行查询而不返回 JSX 组件,只是一个对象(在对 Apollo Server 进行常见查询时收到的 data 对象). 我尝试使用 组件,但它返回一个 React Node 并且我只需要一个对象.该文档仅解释了在某些时候返回 JSX 组件的方法,而我要做的只是发送请求并在回调中处理响应. 实际上我正在尝试 ..
发布时间:2021-11-15 22:15:33 其他开发

在 GraphQL 突变之前删除不必要的字段

我的架构中有一个名为 Article 的类型: type 文章 {身份证:身份证!更新:日期时间标题:字符串副线:字符串} 对于它的更新,有一个由 updateArticle(id: ID!, article: ArticleInput!) 突变使用的相应输入类型: input ArticleInput {标题:字符串副线:字符串} 突变本身看起来像这样: mutation update ..

如何强制 Apollo Client 使用缓存数据

我们有一个最初加载小部件列表的应用程序: 查询小部件(){小部件(){...小部件}}小部件上的片段小部件{姓名描述根小部件小部件{...小部件界面}}WidgetInterface 上的片段 WidgetInterface {ID姓名描述类型} 稍后我渲染这个小部件,其中每个反应组件都用另一个 graphql 调用包装,以获取单个小部件的数据.当我们最初获取这些数据时,我希望 apollo ..
发布时间:2021-11-15 22:15:22 其他开发

在不使用 refetchQueries 的情况下更新 Apollo GraphQL 缓存?

我有一个使用 Apollo 客户端(版本 1.x)访问 GraphQL 服务器的 React 应用程序.有一个看起来像这样的服务器架构. type Query {当前商店:商店}类型商店{身份证:身份证!名称:字符串!产品:[产品!]!...等等} 我确实有这样定义的 dataIdFromObject. const dataIdFromObject = o =>{if (o.__typena ..
发布时间:2021-11-15 22:15:13 前端开发

React Apollo Client - 在查询数据进入缓存之前修改查询数据

有没有办法在查询响应数据保存到内部缓存之前对其进行修改?我正在使用 apollo 钩子,但是这个问题与使用 apollo 客户端(HOC 和组件)的任何前端方法都相关. const { data, updateQuery } = useQuery(QUERY, {onBeforeDataGoesToCache: originalResponseData =>{//在缓存之前修改数据?我可以有这样 ..