当前位置:  开发笔记 > 运维 > 正文

如何使用Relay调度即席查询?

如何解决《如何使用Relay调度即席查询?》经验,为你挑选了1个好方法。

我是Relay的新手,仍然试图绕过它.根据我的理解,Relay将查询与组件联系起来.这样,您可以说需要从GraphQL服务器提供组件x,y和z.根据我的理解,官方react-relay库将在适当的时间发送这些查询,可能在组件即将呈现时.

对于直接用例,例如简单地显示数据列表,这对我来说都是有意义的.

然而,我对如何做的困惑是如何调度一个可能不属于与组件绑定的类别的查询.查询,例如尝试获取用户身份验证会话令牌或其他内容的查询.这是我目前的情况:我正在尝试创建一个从GraphQL获取会话令牌的用户登录表单.我有一个参数化的GraphQL字段,需要用户名和密码参数,如果它们有效,将返回一个会话令牌.我只是无法弄清楚如何使用Relay来查询该会话令牌.

我基本上只需要调度一个查询,并处理响应(将该会话令牌置于React应用程序状态).

有任何想法吗?



1> Joe Savona..:

Relay的API主要侧重于轻松获取组件的数据,但Relay还支持即席查询.API相对较低,具有用于获取和读取数据的不同功能.以下是如何获取即席查询并访问响应的示例:

// Create a query with values for any variables:
var query = Relay.createQuery(Relay.QL`query ... `, {var: 'value'});
// Fetch any fields that have not yet been cached:
Relay.Store.primeCache({query}, readyState => {
  if (readyState.done) {
    // When all data is ready, read the data from the cache:
    var data = Relay.Store.readQuery(query)[0];
    /* access fields on `data` */
  }
});

如果数据不需要与Relay的缓存同步,您还可以使用普通网络请求(XHR,fetch等)向GraphQL端点发送纯字符串查询.

推荐阅读
携手相约幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有