问题标签 [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 回答
221 浏览

reactjs - ES6 中继列表未正确映射

我的地图函数渲染不正确有问题。

内容上的项目是一个数组(见下文)。并且“内容”由其父级传递,其中包含从地图到 switch 语句的片段(此处未显示,因为我认为这不是问题,但可以在需要时粘贴)。问题图中列表项的显示顺序是产品、关于、联系我们、产品。因此,Home 被首先跳过并替换为最后一项“产品”。如果需要更多信息,请告诉我,谢谢。

被映射的数据的内容数组(来自猫鼬)

0 投票
0 回答
841 浏览

javascript - 中继、webpack 和 babel 不能按描述工作

在我的项目中,我使用 gulp 运行任务,使用 webpack 编译 js 模块,使用 babel loader 来转换 react 和 ES6。现在我想添加继电器转换。我按照以下说明进行操作:https ://facebook.github.io/relay/docs/guides-babel-plugin.html#advanced-usage但它们似乎不正确。

我不得不做一些小的逆向工程,并制作了以下 gulp 任务:

现在我得到每个处理的文件这样的错误:

我做了更多的逆向工程,我发现插件中的数组只是[ null ]当我用

我收到错误

那么我怎样才能让 gulp、webpack、babel 和 relay 一起工作呢?谢谢。

0 投票
1 回答
270 浏览

javascript - JS单页应用和基于PHP的登录系统?

我目前正在开发一个单页应用程序,我使用 React 和 Relay 来实现这一点。

如果用户未登录,我有几个非常不同甚至不存在的组件(例如登录用户下拉菜单、个人资料页面、访问会员内容)。

需要注意的重要一点是,我使用 WordPress 作为CMS. 目前登录是通过正常HTTP和正常的页面刷新完成的。WordPress 为登录用户设置了几个会话。


问题..如果用户登录,我有一个非常简单的 WordPress 方式(单行)来检查。PHP

  • 我不知道为什么,但是AJAX(即使有 20 字节的数据)通常会有很大的加载时间(几秒钟)。我需要检查用户是否经常登录,这是不可接受的。我的连接和服务器很好,“正常”页面的加载时间几乎相同。这意味着发送AJAX请求,检查用户是否通过 PHP服务器登录不是一个选项。

  • 我无法捕获会话键或值,因为它们都是随机生成的,没有以任何方式存储在数据库中,这可能是一个巨大的安全问题。这意味着我无法检查我的“秘密”变量值是否JS等于会话键或值。


我可以和(如果是的话)我如何匹配这两种技术?我看不到删除 WordPress 登录系统的方法,因为整个系统都CMS依赖于此,更改它会非常痛苦。或者我应该在前端使用单独的 JS 登录机制吗?用户无权访问 WordPress 后端,只有管理员可以。

即使您没有很好的可靠答案,也欢迎您在评论中提出所有建议!

0 投票
1 回答
481 浏览

reactjs - 对反应模式/架构感到困惑

我是新手,在浏览网络时遇到了与 React 相关的各种术语——Flux、Redux、Relay、Graph QL。

到目前为止,我了解这些是 React 应用程序的设计模式。

我想开始一个使用 react 的小型项目,并且对在学习和实施中投入时间和精力的架构感到困惑。

有人可以帮我吗?谢谢!

一个简短的概述每个优点和缺点将是理想的。

0 投票
0 回答
187 浏览

relayjs - 中继中的复数标识字段也用于非根字段

仅针对根字段描述了多个标识字段。

是否可以将它们也用于非根字段?我知道通常我可以使用带参数的字段 - 但在某些情况下,使用这种“识别”模式会很有用,其中参数是数组,结果是相应节点的列表。

而且我知道我已经可以做到这一点 - 如果 Relay 支持它,问题就更多了。所以它会知道我提供了个人 ID(或其他一些键)。

例如,如果我查询

project (ids: [1,2]) { name }

然后我把它改成

project (ids: [1,3]) { name }

我希望中继只获取带有 id 的项目3

0 投票
2 回答
253 浏览

reactjs - React / Relay 服务器端渲染和 SEO 友好的应用程序

使用服务器端渲染构建 React/Relay/GraphQL SEO 友好应用程序的最可靠方式/方法是什么?

0 投票
1 回答
302 浏览

relayjs - 集成 RelayJS 和 Azure 表存储

RelayJS的文档说 RelayJS 可以使用 node.js 作为 GraphQL 服务器,但不能使用 ASP.NET Web 服务。

如何将 RelayJS 与 ASP.NET Web api 端点一起使用?

0 投票
1 回答
2136 浏览

relay - 中继片段可选参数

创建中继查询时是否可以选择包含参数?

见下文,我正在查询资源,并且在这里对参数进行硬编码。

我想有条件地包含其中一些参数,例如 date_gt 和 date_lt。目前我必须为这些设置初始值,但这分崩离析,因为我需要查询没有日期的记录。

如果我不能这样做,是否可以将null值作为值发送到此处的参数,因为目前我对此也没有太多运气。

0 投票
1 回答
371 浏览

javascript - 制作高阶组件以与 TypeScript 互操作 react-relay 和 react-router

好的,我的科学怪人怪物已经失控了,我只剩下这么多头发要拔了,所以这里的任何帮助都非常感谢。

我正在尝试使用 React、React-Router、React-Relay 和 Typescript 进行非常基本的应用程序设置。实际上,我的所有功能都正常运行,但它这样做的同时抛出了一些我想纠正的讨厌的 Typescript 错误。

因此,基本的 react-router + react-relay 设置模仿了此处的官方 react-relay 方法:https ://medium.com/@cpojer/relay-and-routing-36b5439bad9

不幸的是,当将其翻译成 TypeScript 并通过类型化使用导入的类型定义进行反应中继时(而且,我几乎不必修改导入的类型定义);Route已定义 props 和 TypeScript 对象以将 ahomequeriesprop 传递给Route组件。

很抱歉只是在这里倾倒我的代码,但你需要它来充分理解这个问题。

正如我所说,这实际上按预期运行,但问题是 react-router 接口Route没有namequeries因此 TypeScript 会引发错误。

我确信有几种不同的方法可以解决这个问题,但我不知道在这种情况下什么是最佳实践。

(一些基本的版本信息可能会有所帮助:TypeScript 1.8.10、React 15、React-Router 2.4、React-Relay 0.8)

0 投票
1 回答
203 浏览

reactjs - 中继生成的变异查询中没有变量

我对 Relay 很陌生,所以也许这是一个非常愚蠢的错误。

我正在尝试制作一个简单的突变,将 a 添加defect到 a photo

这是我的 Relay.Mutation 对象:

AddDefectMutation.js

这是 GraphQl 模式的一部分

我的问题是当我拨打这个电话时:

中继毫无问题地生成良好的变异查询,但它不会将给定的变量放在构造函数中。


编辑:这里是中继生成的突变片段

问题是这$input_0是一个空对象