Является ли react-router-relay несовместимым с шаблоном Relay?

Хороший вопрос. Когда вы имеете дело с Relay, вы правильно думаете, что каждый компонент должен иметь свой собственный фрагмент, чтобы сам запрос точно отображал данные, необходимые для этого конкретного компонента. Называть фрагменты можно как угодно, но тип не может быть произвольным. Это должен быть объявленный тип под объектом Root Query (или любым другим полем, к которому вы добавляете фрагмент). В противном случае фрагмент выдаст ошибку о том, что вы не можете запросить этот тип в запросе или поле.

Например:

var componentOneFragment = Relay.QL`
    fragment on User {
        name
    }
`;

Здесь следует отметить, что вам не нужно иметь имя для таких фрагментов, как fragment userFragment on User { ... }. Это даст вам больше гибкости при динамическом обращении к фрагментам компонентов из запросов Relay в вашем маршрутизаторе путем объявления ${Component.getFragment(componentOneFragment)}. Надеюсь это поможет!

ИЗМЕНИТЬ:

Используйте один и тот же запрос «просмотрщика» для каждого компонента и определите дополнительный фрагмент «просмотрщика» для каждого компонента. Все эти фрагменты будут определять разные требования к данным, несмотря на то, что они имеют одно и то же имя, что кажется очень запутанным.

Хотя тот факт, что одинаковые имена фрагментов могут показаться запутанными, это лучший способ думать о вещах. Каждый компонент действительно имеет разные требования к данным, поэтому, естественно, их контейнеры Relay будут иметь разные фрагменты, но все же с одним и тем же именем фрагмента.

Этот фрагмент может быть включен в один из ваших контейнеров Relay, которому нужны данные User:

const WidgetList = Relay.createContainer(/* ... */, {
  initialVariables: {
    color: null,
    size: null,
    limit: null
  },

  fragments: {
    viewer: () => Relay.QL`
      fragment on User {
        widgets(color: $color, size: $size, first: $limit) {
          edges {
            node {
              name,
            },
          },
        },
      }
    `
  }
});

Хотя этот фрагмент (с тем же именем) может быть включен в другой контейнер Relay, которому нужны данные виджета:

const ActionsList = Relay.createContainer(/* ... */, {
  initialVariables: {
    input: null
  },

  fragments: {
    viewer: () => Relay.QL`
      fragment on Widget {
        actions(input: $input) {
          edges {
            node {
              name,
            },
          },
        },
      }
    `
  }
});

Оба они могут использоваться динамически (т. е. $Component.getFragment('viewer')) в одном и том же запросе GraphQL, если оба типа User и Widget относятся к объекту Root Query.