我正在尝试实现登录变异 . 该变异验证提供的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 回答
在
fatQuery
中,当您列出non-scalar
字段时,Relay将假定任何连接的字段可能已更新 . 在某些需要参数的字段中(例如,(first: n)
),您可以使用@relay(pattern: true)
来绕过此要求 . This SO question讨论了该功能 .