问题标签 [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.
javascript - 如何缓存已经加载的数据并存储在 Relay 中?
我有一些面板 (A) 显示事件列表。面板最初加载 10 个项目。用户可以通过单击按钮加载更多项目。处理由 处理loadmore()
。loadmore()
还会更新first
state 和 sessionStorage 中的变量 ' 值(我稍后会解释我为什么这样做)。到目前为止,这工作正常。
用户可以单击某个事件并打开一个对话框 (B) 以显示一些事件详细信息。A 和 B 有不同的路线。我正在使用Relay和react-router-relay。一旦用户关闭对话框,面板就会再次显示。
问题:返回面板后显示的事件数等于变量的初始值first
,例如10。但是:我希望事件数等于面板中最后显示的事件数。
例如:假设最初显示了 10 个项目。然后用户点击加载更多,然后显示 20 个项目。按预期工作。然后用户打开和关闭对话框,然后返回面板。该面板仅显示 10 个项目,但没有像我预期的那样显示 20 个(至少作为用户),并且用户必须再次手动加载更多项目。
这是我的设置:
目标:正如我所说,我希望显示相同数量的事件。
想法1:最初的想法是将first的值存储在sessionStorage中,并在componentDidMount
. 不幸的是,这不起作用。即使使用relayVariables = { first : 20 }
in componentDidMount
,也只显示 10 个事件。
想法 2:我可以使用 , 而不是setVariables()
我可以使用forceFetch()
,但这意味着一旦用户返回面板,Relay 会再次重新加载所有项目。这没有多大意义,因为数据已经物理加载到 Relay 上,再次加载它有点愚蠢。
任何人都可以提供有关如何解决此问题的想法吗?
javascript - '。' 未被识别为中继全栈的内部或外部命令
我正在尝试使用中继全栈。
https://github.com/lvarayut/relay-fullstack
但我收到一个错误,例如
这是我的package.json
文件
server/utils/updateSchema.js
文件
我应该怎么做才能relay-fullstack
跑步?谢谢。
relayjs - 处理 react-router-relay 中的查询失败
我是 Relay 的新手,正在使用react-relay/classic
with进行一个小项目react-router-relay
。我正在尝试为查询失败的情况确定实现简单错误处理的最佳方法。
我只是在寻找一个“包罗万象”的系统,它可以让我告诉用户看起来他们不在线。不需要更复杂的了。
从 Relay文档来看,执行此操作的常规中继方式似乎是使用renderFailure
prop on Relay.RootContainer
。但是,当我使用时,react-router-relay
我从不Relay.RootContainer
直接创建 - 看起来这些是由react-router-relay
.
我无法在react-router-relay
文档中找到有关如何访问底层Relay.RootContainer
道具或错误处理的任何内容。我还快速查看了源代码,没有明显的跳出。
所以我的问题是:有什么方法可以在使用时捕获查询失败react-router-relay
?
javascript - Relay 的注入网络层未被识别为 React 应用程序中的函数
我正在关注一个名为“构建和部署全栈 React 应用程序”的 Lynda.com 教程,在“注入中继网络层”一章中,index.js 中有一个尝试设置网络层的内容,以及程序编译成功,但我在浏览器中收到以下错误:
类型错误:__WEBPACK_IMPORTED_MODULE_4_react_relay___default.a.injectNetworkLayer 不是函数
有任何想法吗?我会很感激的,CM
(我的 index.js 文件)
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:
reactjs - 如何在中继片段中调用多个查询?
从上面的中继容器中,我试图获取 10 个状态的状态信息,该信息访问了一次接受一个状态蚂蚁的 web 服务。我的问题 。
- 如何在接受一个状态值的片段内循环查询,并点击网络服务并一次性收集响应?
- 在这种情况下如何访问响应?