我正在学习 Apollo Client 2.5 的本地状态管理功能,发现它相当令人困惑。无论如何,我能够很容易地理解 Apollo Server,但事实证明这更令人畏惧。
当人们想要设置本地解析器和查询来读取本地状态时,我(有点)了解如何使用它,但是有没有一种方法可以简单地设置一些本地状态变量,就像使用 Redux 可以很容易地那样。例如,在完成登录突变时将 isLoggedIn
设置为 true
?我尝试了这个(以下 https://www.apollographql.com/docs/react/essentials/local-state )
return <Mutation mutation={LOGIN} onCompleted={data => {
if (data && data.login) {
const {login: {token}} = data
if (token) {
history.push('/list')
}
}
}}>
{(register, {data, error, loading, client}) => {
if (error) {
return <div>{error.toString()}</div>
}
if (loading) return <div>Loading...</div>
if (data && data.login) {
const {login: {token}} = data
if (token) {
localStorage.setItem('token', token)
client.writeData({isLoggedIn:true})
}
但出现错误
Error: Error writing result to store for query: {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GeneratedClientQuery"},"selectionSet":null}]} Cannot read property 'selections' of null
但我不知道我是否正确使用了writeData
。更重要的是,我如何读取数据? API 中似乎没有相应的 readData
调用。我是否需要设置 GraphQL 查询并运行该查询来查看用户是否已登录?我是否需要为该查询创建一个解析器并在构建 Apollo 客户端时包含它?
我看到一些使用 apollo-link-state
的示例,它们似乎更简单,但显然它已被弃用并包含在 Apollo Client 2.5 中。
显然,我只见树木不见森林,欢迎任何建议。
最佳答案
你差不多已经有了,你只是忘了在数据对象中传递数据而不是直接传递==>
client.writeData({ data: { isLoggedIn: false } });
关于reactjs - 有没有一种简单的方法可以使用 Apollo Client 2.5 for React 管理本地状态? 'read' 相当于 'client.writeData' 是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55936423/