javascript - 包装“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

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

<Foo id="some_id" />