javascript - 如何在 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'
  }
});

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