6

我正在尝试实现登录突变。突变验证提供的 id_token 并通过会话登录用户。突变本身有效（使用 GraphiQL 验证），但我在将其与 Relay 集成时遇到了问题。

当用户登录时，整个 Relay 存储可能会被更改，因为“查看器”是根查询。但我不想在胖查询中列出我的整个查询树。能够以某种方式清除整个商店会很好，但我看不到使用react-router-relay.

中继突变：

export default class LoginMutation extends Relay.Mutation {
  getMutation() {
    return Relay.QL`mutation {login}`;
  }

  getVariables() {
    return {
      id_token: this.props.id_token
    };
  }

  getFatQuery() {
    // TODO: list everything?
    return Relay.QL`
      fragment on LoginPayload {
        viewer
      }
    `;
  }

  getConfigs() {
    return []; // TODO: not sure what to return...
  }
}

用法：

Relay.Store.commitUpdate(new LoginMutation({id_token}), {
        onSuccess: (resp) => {
          history.push('/');
        }
      });

GraphQL 架构：

input LoginInput {
  id_token: String!
  clientMutationId: String!
}

type LoginPayload {
  viewer: Viewer
  clientMutationId: String!
}

type Mutation {
  login(input: LoginInput!): LoginPayload
}

interface Node {
  id: ID!
}

type Query {
  viewer: Viewer
  node(id: ID!): Node
}

type Viewer implements Node {
  id: ID!
  user: User
  ships: [Ship]
  ship(id: ID!): Ship
}

schema {
  query: Query
  mutation: Mutation
}
4

1 回答 1

0

在 中fatQuery，当您列出一个non-scalar字段时，Relay 将假定任何连接的字段都可能已更新。在某些需要参数的字段（例如(first: n)）中，您可以使用@relay(pattern: true)绕过此要求。这个 SO question讨论了该功能。

于 2017-01-27T15:44:37.517 回答