问题标签 [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 投票
2 回答
170 浏览

reactjs - GraphQLList 和反应

我是graphql和relay的新手,但我做的一切都很好。我尝试new GraphQLList(Property)使用 graphql 查询来获取props.properties我的站点属性列表(

而不是获取的属性。

我很困惑,有什么问题?:(

0 投票
1 回答
570 浏览

reactjs - 如何让 props.relay.setVariables 更新我的数据?

我正在尝试使用搜索组件的“onChange”来过滤使用 this.props.relay.setVariables 的结果,但没有重新渲染。我也希望当它过滤时,它仍然会使用 Shuffle 组件。我们正在预先访问数据库,所有这些后续中继查询都来自缓存(不确定这是否相关)。

0 投票
1 回答
459 浏览

reactjs - 中继无法协调连接上的边缘

我正在尝试在应用程序中使用中继实现分页。在 react-bootstrap 表和分页中显示数据以导航页面。当我第一次点击页面时,它会加载第一页数据(执行根查询)。在分页(1、2、3 ..)的点击事件中,我向服务器请求下一页数据。正如预期的那样,根查询执行并获取数据但是 UI 上的数据没有得到更新.. 在浏览器控制台中我可以看到以下错误

警告:中继无法协调连接上的边缘。这很可能发生在尝试处理服务器响应时,该响应包括带有缺少id字段的节点的连接边缘。

分页点击后,我可以看到带有所需参数的 url 更改 pageNum=2 并且在页面刷新时它显示新数据..但是数据应该没有页面刷新。

0 投票
12 回答
93288 浏览

reactjs - Lodash 使用 React 输入去抖动

我正在尝试将使用 lodash 的去抖动添加到从输入 onChange 事件调用的搜索函数中。下面的代码生成一个类型错误'函数是预期的',我理解这是因为 lodash 需要一个函数。这样做的正确方法是什么,可以全部内联吗?到目前为止,我已经尝试了几乎所有关于 SO 的示例,但均无济于事。

0 投票
1 回答
208 浏览

javascript - 中继生成的突变查询缺少某些字段

我已经设置了一个基本的 Relay 突变来添加一个用户,但是一旦执行它就会返回这个错误/警告:

警告:writeRelayUpdatePayload():预期响应负载包括新创建的边缘“changedUserEdge”及其“节点”字段。您是否忘记更新“RANGE_ADD”突变配置?

我注意到 Relay 忽略了changedUserEdge突变有效负载上的节点,我不知道为什么。我查看了一些 Relay 示例,但突变的构造方式完全相同。

突变、我调用它的 React 组件和生成的查询可以在这个 gist中找到。

我使用graffiti- mongoose 来生成我的 GraphQL 模式。

0 投票
1 回答
102 浏览

relayjs - 使用中继传递数据字典的首选方法是什么

使用中继传递数据字典的首选方式是什么,例如我在界面中

阅读所有国家列表的正确方法是什么?据我了解,像这样查询 graphQl 不是一个好主意

所以我看到我需要在根目录下查询国家列表的唯一方法,并通过道具手动将其传递给每个子组件?

如果我有很多字典和一些更深的 UI 结构,这会变得很痛苦。

或者我可以以某种方式在树中更深地传递根数据,而无需在 props 中明确写入这些数据。(我的意思是没有上下文)

0 投票
1 回答
885 浏览

node.js - GraphQL 和 Relay 的概念

我正在尝试构建一个GraphQL endpointsin golang.

我一直在关注这些博客Learn Golang + GraphQL + Relay #1以实现graphQlingolang并且我已经成功构建了GraphQL.

有几个概念对我来说仍然不清楚,因为我如何pagination使用 构建端点graphQl,还有类似的方法

介绍 Relay 和 GraphQL

因为,我来自Angular背景,这个Relay概念对我来说仍然很困惑。中继如何促进客户端和服务器之间的通信。

请提供一些使用 Node 或任何使这些概念更清晰的示例

0 投票
1 回答
359 浏览

react-native - React Native & Relay,兼容性。让他们一起工作的官方方式?

前言:我是 Javascript、Babel 和 React-Native 的新手。

我一直在使用来自中继源的 TodoMVC 示例开发我的应用程序。我想知道是否有可能让 React-Native + Relay 轻松协同工作?

我设置了我的 babelRelayPlugin 并将其添加到我的 .babelrc 中。我为 "react-relay":"^0.7.3" 和 "babel-relay-plugin": "^0.7.3" 安装了 npm 包,但是在运行 "npm install" 和 "react-native start" 之后,我要么得到错误提示“无法识别模块'react-relay'”或“未定义中继”。

从阅读此线程并查看最后一条评论(https://github.com/facebook/relay/issues/26#issuecomment-194570137)看来,目前我应该使用 TodoMVC 作为新 React-Native 的基础+ 接力项目。

这个对吗?

这是我的 .babelrc

这是我的 package.json

0 投票
2 回答
1286 浏览

graphql - GraphQL Relay hasNextPage

如果仅传递“第一个”参数,graphql 如何生成 hasNextPage?我在用

return relay.connectionFromPromisedArray( global.app.get('model__user').getUsers(args), args );

和查询:

query RootQueryType { viewer { user(id: 1){ id,email,friends(first: 5) {edges {cursor, node { id, email } }, pageInfo { hasNextPage } } } } }

那么我怎样才能传递给 graphql / 中继好友计数,以便正确生成 hasNextPage?

0 投票
1 回答
551 浏览

graphql - 中继:根据父查询的结果参数化 getFragment

我的 CMS 向我返回了一个节点列表,每个节点都有自己的节点类型。对于每个节点类型,我定义了一个相应的 GraphQL 类型。

我想要一个像这样的查询:

ContentType 将根据提供给它的类型变量返回正确的片段定义。但是我如何$contentType从父级结果中获得?