render() { return ( <ApolloProvider client={this.apolloClient}> <ReduxProvider store={this.reduxStore}> <Component {...this.props} /> </ReduxProvider> </ApolloProvider> ); }
<ApolloProvider client={client}> <ReduxProvider store={store}> <Component {...props} />
render() { return ( <ApolloProvider client={client}> <div style={styles}> <h2>Welcome to Apollo-Link-State</h2> <AddItems /> <ListItems /> </div> </ApolloProvider> ); }
const WithProvider = () => ( <ApolloProvider client={client}> <Rehydrated> <App /> </Rehydrated> </ApolloProvider> )
render () { return ( <ApolloProvider client={client}> <Query query={ALL_ITEMS}> { ({data, client: store}) => ( <ScrollView contentContainerStyle={styles.container} keyboardShouldPersistTaps='always' > <Text style={styles.welcome}> Welcome to apollo-link-state </Text> <AddItems addItem={() => this.addItem(store, data.allItems)} setNewItemName={this.setNewItemName} newItemName={this.state.newItemName} clear={() => this.clear(store)} /> <ListItems allItems={data.allItems} /> </ScrollView> ) } </Query> </ApolloProvider> ) }
const renderApp = () => { render(( <AppContainer> <ApolloProvider store={store} client={client}> <App /> </ApolloProvider> </AppContainer> ), document.getElementById('content')); }
render() { const { Component, pageProps } = this.props; return ( <ApolloProvider client={client}> <ApolloHooksProvider client={client}> <Container> <Component {...pageProps} /> </Container> </ApolloHooksProvider> </ApolloProvider> ); }
render() { const { Component, pageProps, apollo } = this.props; return ( <Container> <ApolloProvider client={apollo}> <Component {...pageProps} /> </ApolloProvider> </Container> ); }
render() { return ( <ApolloProvider client={client}> <Provider store={store}> <PersistGate persistor={persistor}> <AppWithNavigationState /> </PersistGate> </Provider> </ApolloProvider> ); }
const App = () => ( <ApolloProvider client={appClient}> <ApolloHooksProvider client={appClient}> <UserInput /> <UserList /> </ApolloHooksProvider> </ApolloProvider> )
const GraphQlWrapper = ({ children, graphQLEndpoint }) => ( <ApolloProvider client={new ApolloClient({ uri: graphQLEndpoint })}> {children} </ApolloProvider> )
render() { const { Component, apollo, pageProps } = this.props; return ( <Container> <ApolloProvider client={apollo}> <Page> <Component {...pageProps} /> </Page> </ApolloProvider> </Container> ); }
render() { return ( <ApolloProvider client={client}> <Books /> </ApolloProvider> ); }
render() { return ( <ApolloProvider client={client}> <div style={styles}> <h2>Welcome to Apollo-Link-State</h2> <AddItems /> <ListItems /> </div> </ApolloProvider> ); }
const WithProvider = () => ( <ApolloProvider client={client}> <Rehydrated> <App /> </Rehydrated> </ApolloProvider> )