问题标签 [relaymodern]

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 回答
198 浏览

relayjs - createRefetchContainer 的 Refetch 方法不执行回调

QueryRenderer使用以下查询:```

这就是我的createRefetchContainer样子:```

在我的MountComponent组件中,我在 componentDidMount 中执行此操作:```

我查看了我的商店,发现“名称”的数据已被提取并与商店合并。但是,MountComponent不会使用新数据重新渲染,也不会记录“完成”。不MountComponent应该订阅观众吗?

0 投票
1 回答
564 浏览

relayjs - Error when trying to unmask relay modern fragment that has arguments

I've got the following query:

What I want todo is unmask the ContainerFragment data OUTSIDE of the fragment. Usually you can use @relay(mask: false), however the relay compiler errors with the following message:

Query that errors:

0 投票
1 回答
391 浏览

arrays - GraphQL:如何使用精选的参数列表(二维数组)创建查询

具体来说,我觉得我正在寻找这里提出的问题的答案,但事实证明问题的标题与实际问题并不完美匹配。

我想要做的事情涉及 Relay、React 和 GraphQL(我想我可以说 Relay,而你可以想出另外两个)。

我想要做的,我似乎找不到答案,是创建一个查询,该查询列出了基于一些预定义 JSON 数组的查询片段的变量列表。

如果你查看我的主页,jimmyvanveen.com ,你会看到我有一个我从事过(或正在从事)的项目的列表,每个项目都呈现为一个 React 组件。我通过他们的 REST API (v3) 从 Github 提取这些数据 - 但现在我想迁移到 GraphQL (v4)。

我可以根据 Github API Schema 的要求创建一个包含 repo 名称和所有者的数组,但我不知道如何基于简单数组动态创建查询,例如:

我知道如何进行可以手动查找所有这些信息的查询,但我希望有一种 GraphQL 方式(也许通过发送变量?)在一个查询中运行整个数组并返回 repo 数据数组。

几天来,我一直在绞尽脑汁,试图在这里或任何地方找到答案,而我正在罢工。

提前感谢您提供的任何帮助!

0 投票
1 回答
665 浏览

javascript - UI 不反映突变后的变化

我正在使用 aQueryRenderer在我的应用程序中填充编辑表单。数据还显示在整个页面的其他 DOM 元素中。然后,我通过突变将值保存回表单提交。一切都很好,除了我的用户界面没有反映事后的变化。这是我的初始查询:

然后我的突变和包装函数定义如下:

...

同样,数据被正确地保存到数据库中,但是显示数据的其他 DOM 元素未呈现以反映更改。我想简单的更新Relay处理这个?无论如何,根据他们的文档,情况应该如此。我试着弄乱updater回调,最终让页面更新,但它看起来很笨重。任何建议表示赞赏,谢谢!

0 投票
0 回答
83 浏览

relayjs - 中继:当调用 refetch 容器时清除不同的片段容器

我在查询级别上有两个容器,如下所示:

refetch() 在组件被挂载时被调用,它会触发 AppQuery 的刷新。但是,当重新渲染发生时,AppQuery 的部分数据就消失了:

在此处输入图像描述

如何防止 refetch() 这样做?

0 投票
2 回答
618 浏览

reactjs - 为什么 Relay Modern 发出新请求,而不是使用缓存

我有一个页面,您可以在其中查看当前项目,然后单击“下一步”查看下一个。下面是这个组件的样子:

我期望的是,只有在第一次请求时才会获取每个项目,然后再从缓存中使用。

但我看到的是,每次单击“下一步”时,网络选项卡中都会发出新请求,即使之前已请求过此项目。如果我打开 Relay DevTools - 具有此 ID 的项目已经在商店中:

中继开发工具

那么为什么每次都发出新的请求呢?Relay Modern 不应该重用以前缓存的数据吗?

0 投票
1 回答
308 浏览

pagination - 在没有查看器的情况下中继现代分页

您好,我已经完成了我的服务器 grapqhl api。目前我在客户端的中继分页上堆叠。我搜索了很多关于它的文章。并且在任何地方都使用查看器根查询字段完成分页。文档中关于它的哪一个说该字段是不必要的。

在其他资源中:

就我而言:

0 投票
1 回答
638 浏览

reactjs - 在graphql查询中动态创建字段?

因此,在下面的示例中,我想将 stat 更改为变量,但似乎不允许变量作为字段名称?有没有办法解决这个问题?

例如,我希望 gameDate 保持不变,但 stat 可以是 [MIN、FGA、FT 等] 的任何值。

0 投票
2 回答
997 浏览

javascript - 如何强制重新加载 ReactJS Relay Modern 数据(强制获取)?

考虑以下带有 Relay Modern 的 ReactJS 组件:

强制组件在handleRefresh处理程序中重新加载中继数据的正确方法是什么?

0 投票
0 回答
66 浏览

relayjs - 为什么 Relay Modern 发送 OPTIONS 请求

是否有理由经常relay modern发送请求?OPTIONS

使用分页时,您可以在“网络”选项卡中看到多个此类请求。