我正在创建一个apollo react应用程序。我希望阿波罗管理我的本地状态。我想构造本地状态,因此并非所有标量值都位于顶层。
这是我的配置:
import React from 'react'
import ReactDOM from 'react-dom'
import ApolloClient from 'apollo-boost'
import gql from 'graphql-tag'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { ApolloProvider, Query } from 'react-apollo'
const defaults = {
author: null
}
const resolvers = {
Query: {
author() {
return { id: 1 }
}
}
}
const typedefs = gql(`
type Query {
author: Author
}
type Author {
id: Int
}
`)
const apolloClient = new ApolloClient({
clientState: {
defaults,
resolvers,
typedefs
},
cache: new InMemoryCache()
});
ReactDOM.render(
<ApolloProvider client={ apolloClient }>
<Query query={ gql`{ author @client }` }>
{ ({ data }) => console.log(data.author) || null }
</Query>
</ApolloProvider>,
document.getElementById('app')
)
然后此应用记录undefined
。也就是说,查询{ author @client { id }}
在data.author中返回undefined
。
必须注意,当我将作者类型设置为Int时,默认值设置为1
,并且执行查询{ author @client }
时,应用程序会正确记录1
。>
如何在阿波罗的本地状态中建立一些结构?
这些是我相关的依赖项:
apollo-cache "^1.1.20"
apollo-cache-inmemory "^1.3.8"
apollo-client "^2.4.5"
apollo-link "^1.0.6"
apollo-link-error "^1.0.3"
apollo-link-http "^1.3.1"
apollo-link-state "^0.4.0"
graphql-tag "^2.4.2"
答案 0 :(得分:0)
已解决:
显然,我必须通过以下方式将__typename: 'Author'
添加到默认作者:
const defaults = {
author: {
__typename: 'Author'
}
}