微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将客户端从 ApolloProvider 传递给也需要其他道具的组件?

如何解决如何将客户端从 ApolloProvider 传递给也需要其他道具的组件?

我想在我的 react/typescript 应用程序中执行 client.readQuery,但我需要访问客户端对象。我已经阅读了这里的文档 https://www.apollographql.com/docs/react/api/react/hoc/#withapollocomponent 并且知道我需要做这样的事情才能访问客户端对象,以便我可以执行 readQuery

{
    "_id" : "admin.demoUser","userId" : UUID("0e9a8e27-5e40-49ab-90f3-de9dea54fed7"),"user" : "demoUser","db" : "admin","mechanisms" : [
        "SCRAM-SHA-1","SCRAM-SHA-256"
    ],"roles" : [
        {
            "role" : "mainRole","db" : "myDb"
        }
    ],"inheritedRoles" : [
        {
            "role" : "mainRole","inheritedPrivileges" : [
        {
            "resource" : {
                "db" : "myDb","collection" : "data"
            },"actions" : [
                "insert"
            ]
        }
    ],"inheritedAuthenticationRestrictions" : [ ]
}

但我的问题是我想在其中执行 readQuery 的组件已经采用了一些道具。看起来像这样

const MyComponent = ({ client }) => {
    // client.readQuery(stuff)
    // rest of component body
}

export default withApollo(MyComponent)

如何传递现有的 props 以及客户端对象,这将如何影响我的 props 界面?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。