在Relay.createContainer中使用图in‘

Question

我有一个特定的用例，我想在这里使用新的graphqlbabel transform since it provides graphql query name lookup but without createFragmentContainer. Is there any way to write a converter from gaphql到Relay.QL`？

我查看了这两个Relay.QLand graphql的输出，但没有找到转换graphqlto Relay.QL的好方法

Answer 1

我想出这是我写的代码示例

const convertToClassicQuery = query => query.classic(RelayQL_GENERATED).node;

下面是用于转换createContainer以接受中继现代查询的小型库

import Relay from 'react-relay/classic';

const RelayQL_GENERATED = require('react-relay/classic').QL; // eslint-disable-line

const convertToClassicQuery = query => query.classic(RelayQL_GENERATED).node;

const convertFragments = fragments => _.mapValues(fragments, fragment => () => convertToClassicQuery(fragment()));

const convertFragmentProps = (fragmentProps) => {
  fragmentProps.fragments = convertFragments(fragmentProps.fragments); // eslint-disable-line
  return fragmentProps;
};
const createContainer = (Component, fragmentProps) => Relay.createContainer(Component, convertFragmentProps(fragmentProps));


module.exports = {
  createContainer,
};