如何在Relay Modern中使用静态数据设置本地存储

Question

我正在构建一个从服务器获取数据的React应用程序，并根据用户从下拉菜单中选择的内容将静态数据传递给各个组件。我想使用Relay Modern，但我一直无法在文档中找到有关它是否支持手动将静态数据加载到商店的内容。任何人都知道这是否可行/如何实施？

顺便说一句，我在这里和其他地方看到了一些类似的问题。但是，似乎那些与Relay Classic相关的而不是Relay Modern，后者实施了大规模的变革。

Answer 1

我问自己同样的问题。必须有办法保湿Store / RecordSource。作为一种解决方法，我一直在做这样的事情。我为要添加到商店的数据创建了一个查询，并调用commitPayload。

import {
  createOperationSelector,
  getOperation
} from 'relay-runtime';

const query = graphql `{ viewer { name } }`;

const environment = new Environment(...);

environment.commitPayload(createOperationSelector(getOperation(query)), {
  viewer: {
    name: 'Me'
  }
});

想知道接力队中是否有人有一些见解？