问题标签 [react-relay]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
310 浏览

django - 如何在 django-graphene 根模式中为中继创建查看器字段?

如何在graphene-django中为react-relay创建一个查看器字段?这不像预期的那样工作。我正在使用graphene-django v.2.2。姜戈 2.1。反应中继 v1.7.0-rc.1。

0 投票
0 回答
209 浏览

react-native - 使用中继订阅更新程序更新连接

我有一个中继订阅设置,其中我在更新程序中获取数据,如下所示https://gist.github.com/ydvsailendar/6b9569bbcbc269246e299eb5cce18a80#file-gistfile1-txt-L10

我想更新我的查询连接,以便在订阅收到新消息时通过查询获取更新的消息。

这是我的订阅:

这是我想通过更新程序更新的查询:

我是通过订阅使用更新程序的新手,文档真的很混乱,我无法理解查看者的道具和文档中提到的其他内容。请帮助我实施。

0 投票
1 回答
9405 浏览

graphql-js - 片段不能作为“查询”类型的对象在这里传播

尝试使用 React 进行中继,今天遇到了这个问题。这是我到目前为止所做的。

根查询:

React 组件层次结构

现在由于托管原则,我知道我必须在每个组件中编写片段来描述它们的数据需求。

任务列表项.js

任务列表.js

应用程序.js

当我运行中继编译器时,出现以下错误。

由于这个问题,无法弄清楚如何组织结构。我是否应该修改模式只是为了方便客户端的片段结构和重用?

0 投票
1 回答
72 浏览

flowtype - 取消注释反应中继流类型

我正在使用中继编译器来编译中继 GraphQL 查询。

我也在使用流进行类型检查。

我的 IDE 不理解流注释样式类型检查。所以我想取消注释它们。

我需要一个正则表达式来找到这些评论和取消评论主题。

这是我的片段之一:

我想将上面的代码转换为:

我应该使用什么正则表达式?

0 投票
1 回答
161 浏览

relayjs - 在进行节点查询时,react-relay 会在发出网络请求之前检查该节点是否在存储中吗?

如果我创建一个具有以下架构的 graphql 服务器:

稍后使用 react-relay 我进行以下查询:

它返回以下内容

如果稍后在我的应用程序中,我会进行另一个查询,如下所示

react-relay 会向服务器发出请求吗?还是足够聪明地知道我们已经在缓存中拥有了所请求项目的所有数据?

0 投票
1 回答
580 浏览

typescript - RelayModernGraphQLTag:预期一个请求,得到:

使用新的反应中继实验时,我收到了这个错误:

我的代码:Component.tsx

路由.js

0 投票
2 回答
761 浏览

reactjs - RelayObservable:未处理的错误类型错误:无法读取 React 和 Relay 中未定义的属性“订阅”

我已按照如何使用 GraphQL React + Relay ( https://relay.dev/docs/en/subscriptions ) 的订阅教程进行操作,但仍然无法正常工作。

我在我的应用程序中使用 Relay Modern 并已成功集成查询但无法使用 requestSubscription 功能。

任何帮助都是极好的。

我的 environment.js 文件:

- 我的 Subscription.js 文件:

在此处输入图像描述

0 投票
1 回答
786 浏览

graphql - 如何使用 GrahpiQL 在 grahpiQL 中上传文件?

我是graphql的新手,我正在尝试创建一个服务器,它将采用少量参数和一些文件(如图像)作为突变参数。

我正在使用 graphql-yoga,很清楚如何使用 graphql-yoga 来实现它。

我的问题是如何测试它?如何测试从 graphql 游乐场上传的文件?

我将使用 react-relay,所以在 react-relay 中是否有任何示例可以做到这一点。

谢谢。

0 投票
0 回答
450 浏览

reactjs - 中继缓存和分页导致错误 RelayConnectionHandler: Unexpected after cursor

描述

我有一个在文件系统上嵌套了分页的容器。我最近在我的中继环境中添加了一个缓存层,以减少我们发出的请求数量。打开文件夹会触发 queryRender,该查询一次获取 8 条边,直到文件夹完全加载。在第一次提取时打开文件夹会按预期加载所有边缘。关闭文件夹并打开它只加载前 8 个边缘,并在第二个请求时失败。

我收到此错误:index.js:1 警告:RelayConnectionHandler:在光标“MTo3”之后出现意外,必须从列表末尾(“Mjow”)获取边。

添加{ force: true }解决了这个问题,但它会导致重新获取已经请求和存储的数据。

另一种方法是跟踪加载的文件计数,当第一次加载后触发 QueryRenderer 时,我可以传入加载的文件计数。

我只是想知道是否有更清洁的方法来实现我想要的?或者中继不支持我们的模式,我认为它应该的方式?

图片

首次加载成功

第一次加载得到 9 个边 失败第二次加载

第二次加载无法从缓存中分页

代码

文件浏览器.js

文件浏览器的根查询

文件夹查询.js

文件夹的分页容器

FolderSection.js

RefetchFolder.js

在 QueryRenderer 中请求每个文件夹的内容

文件夹.js

0 投票
0 回答
16 浏览

graphql - 如何使用所需的两个参数之一在模式中定义 graphql 查询

我有一个 graphQL ApolloServer 返回一个帐户的分页事务集。这是我的架构的片段:

中继规范https://relay.dev/graphql/connections.htm说返回连接类型的字段可以采用以下参数:1) beforelast 或 2) afterfirst

after这意味着如果不定义默认值或操作,它们就不能都是可选before

对于只处理这种after情况的查询,我会在此之后提出一个 required :

但是对于同时处理beforeand的after情况,我需要将所有这四个参数设为可选,并将其中一种afterbefore模式声明为默认值:

或者(我的问题是)在graphql中是否有一种方法可以准确地制作所需的两个参数之一?