小编kri*_*s-a的帖子

我正在构建 React App 并且需要使用类组件。

我在index.js 中设置了一个ApolloClient，它将客户端传递给ApolloProvider。如何在我的应用程序组件（类组件）中访问它？有可能吗？我还设置了 Redux 并使用 connect 将状态映射到 props （我考虑过使用export default withApollo(App)，但后来我失去了使用 connect() 映射到 props 的状态）。

有人可以帮助/解释如何使用 React 类组件正确实现 apollo-client 吗？我应该在每个类组件中创建新的 ApolloClient 吗？

索引.js

const apolloClient = new ApolloClient({
  uri: "http://localhost:4000/",
  cache: new InMemoryCache(),
});

...

<ApolloProvider client={apolloClient}>
   <App />
</ApolloProvider>

应用程序.js

class App extends Component {
  render() {
...
  }
}

const mapStateToProps = (state) => {
  return {
     ...
  };
};

export default connect(mapStateToProps)(App);