首页 文章

中继/路由器登录变异?

提问于
浏览
6

我正在尝试实现登录变异 . 该变异验证提供的id_token并通过会话记录用户 . 突变本身有效(用GraphiQL验证),但我遇到了将它与Relay集成的问题 .

当用户登录时,整个中继存储可能会被更改,因为"viewer"是根查询 . 但是我没有看到 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
}

1 回答

  • 0

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

相关问题