来自 react-apollo-hooks 的 useMutation 没有传递变量
useMutation from react-apollo-hooks is not passing variables
我正在将我的代码从 apollo-boost
重构为 react-apollo-hooks
,但我不断收到以下错误:
Variable "$email" of required type "String!" was not provided
Variable "$password" of required type "String!" was not provided
我重构后的代码如下:
const [email, setEmail] = useState('')
const [password, setPassword] = useState('')
const variables = {
data: { email, password }
}
const login = useMutation(LOGIN_MUTATION, {
variables
})
const onSubmitHandler = async (login, e) => {
e.preventDefault()
const authResults = await login()
localStorage.setItem(AUTH_TOKEN, authResults.data.login.token);
props.history.push('/')
}
graphql 突变
const LOGIN_MUTATION = gql`
mutation Login($email: String!, $password: String!) {
login(data: {
email: $email, password: $password
}
){
token
user {
id
}
}
}
`
我的架构
login(data: LoginUserInput!): AuthPayload!
console.logging 电子邮件和密码变量表明它们已正确传递给 useMutation
。
您的文档中有两个变量 -- email
和 password
。您实际传递给 useMutation
的是一个名为 data
的变量,它不存在。
const variables = { email, password }
我正在将我的代码从 apollo-boost
重构为 react-apollo-hooks
,但我不断收到以下错误:
Variable "$email" of required type "String!" was not provided
Variable "$password" of required type "String!" was not provided
我重构后的代码如下:
const [email, setEmail] = useState('')
const [password, setPassword] = useState('')
const variables = {
data: { email, password }
}
const login = useMutation(LOGIN_MUTATION, {
variables
})
const onSubmitHandler = async (login, e) => {
e.preventDefault()
const authResults = await login()
localStorage.setItem(AUTH_TOKEN, authResults.data.login.token);
props.history.push('/')
}
graphql 突变
const LOGIN_MUTATION = gql`
mutation Login($email: String!, $password: String!) {
login(data: {
email: $email, password: $password
}
){
token
user {
id
}
}
}
`
我的架构
login(data: LoginUserInput!): AuthPayload!
console.logging 电子邮件和密码变量表明它们已正确传递给 useMutation
。
您的文档中有两个变量 -- email
和 password
。您实际传递给 useMutation
的是一个名为 data
的变量,它不存在。
const variables = { email, password }