包含'Foo'的操作'FooQuery'期待一个变量，但是却没有找到react-apollo

Question

我遇到了react-apollo的问题。甚至没有在Foo类中调用查询：

包含'Foo'的操作'FooQuery'期待变量：'id'但是在传递给'Apollo（Foo）'的道具中找不到它

class Foo extends React.Component {
    render() {
        return <div />
    }
}

const FOO_QUERY = gql`
    query FooQuery($id: ID!) {
        foo(id: $id) {
            bar
        }
    }
`

export default graphql(FOO_QUERY, { name: 'fooQuery' })(Foo)

Answer 1

您的组件看起来正确。问题不在于你如何定义它，但你必须确保在你的应用程序中使用它时将id道具传递给你的Foo组件：

<Foo id="some_id" />