问题标签 [react-router-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 投票
0 回答
73 浏览

javascript - 如何缓存已经加载的数据并存储在 Relay 中?

我有一些面板 (A) 显示事件列表。面板最初加载 10 个项目。用户可以通过单击按钮加载更多项目。处理由 处理loadmore()loadmore()还会更新firststate 和 sessionStorage 中的变量 ' 值(我稍后会解释我为什么这样做)。到目前为止,这工作正常。

用户可以单击某个事件并打开一个对话框 (B) 以显示一些事件详细信息。A 和 B 有不同的路线。我正在使用Relayreact-router-relay。一旦用户关闭对话框,面板就会再次显示。

问题:返回面板后显示的事件数等于变量的初始值first,例如10。但是:我希望事件数等于面板中最后显示的事件数。

例如:假设最初显示了 10 个项目。然后用户点击加载更多,然后显示 20 个项目。按预期工作。然后用户打开和关闭对话框,然后返回面板。该面板仅显示 10 个项目,但没有像我预期的那样显示 20 个(至少作为用户),并且用户必须再次手动加载更多项目。

这是我的设置:

目标:正如我所说,我希望显示相同数量的事件。

想法1:最初的想法是将first的值存储在sessionStorage中,并在componentDidMount. 不幸的是,这不起作用。即使使用relayVariables = { first : 20 }in componentDidMount,也只显示 10 个事件。

想法 2:我可以使用 , 而不是setVariables()我可以使用forceFetch(),但这意味着一旦用户返回面板,Relay 会再次重新加载所有项目。这没有多大意义,因为数据已经物理加载到 Relay 上,再次加载它有点愚蠢。

任何人都可以提供有关如何解决此问题的想法吗?

0 投票
1 回答
943 浏览

javascript - '。' 未被识别为中继全栈的内部或外部命令

我正在尝试使用中继全栈。

https://github.com/lvarayut/relay-fullstack

但我收到一个错误,例如

在此处输入图像描述

这是我的package.json文件

server/utils/updateSchema.js文件

我应该怎么做才能relay-fullstack跑步?谢谢。

0 投票
0 回答
40 浏览

relayjs - 处理 react-router-relay 中的查询失败

我是 Relay 的新手,正在使用react-relay/classicwith进行一个小项目react-router-relay。我正在尝试为查询失败的情况确定实现简单错误处理的最佳方法。

我只是在寻找一个“包罗万象”的系统,它可以让我告诉用户看起来他们不在线。不需要更复杂的了。

从 Relay文档来看,执行此操作的常规中继方式似乎是使用renderFailureprop on Relay.RootContainer。但是,当我使用时,react-router-relay我从不Relay.RootContainer直接创建 - 看起来这些是由react-router-relay.

我无法在react-router-relay文档中找到有关如何访问底层Relay.RootContainer道具或错误处理的任何内容。我还快速查看了源代码,没有明显的跳出。

所以我的问题是:有什么方法可以在使用时捕获查询失败react-router-relay

0 投票
1 回答
344 浏览

javascript - Relay 的注入网络层未被识别为 React 应用程序中的函数

我正在关注一个名为“构建和部署全栈 React 应用程序”的 Lynda.com 教程,在“注入中继网络层”一章中,index.js 中有一个尝试设置网络层的内容,以及程序编译成功,但我在浏览器中收到以下错误:

类型错误:__WEBPACK_IMPORTED_MODULE_4_react_relay___default.a.injectNetworkLayer 不是函数

有任何想法吗?我会很感激的,CM

(我的 index.js 文件)

0 投票
2 回答
283 浏览

reactjs - React relay injectNetworkLayer is not a function

I am following the tutorial from lynda: "Building and Deploying a Full-Stack React Application", in the chapter "Injecting the Relay Network Layer". there is in index.js, an attempt to set up a network layer, and the program compiles successfully but I'm receiving the following error in the browser:

TypeError: __WEBPACK_IMPORTED_MODULE_4_react_relay___default.a.injectNetworkLayer is not a function

index.js file is:

0 投票
0 回答
412 浏览

reactjs - 如何在中继片段中调用多个查询?

从上面的中继容器中,我试图获取 10 个状态的状态信息,该信息访问了一次接受一个状态蚂蚁的 web 服务。我的问题 。

  1. 如何在接受一个状态值的片段内循环查询,并点击网络服务并一次性收集响应?
  2. 在这种情况下如何访问响应?