React Apollo：Apollo Client在React中的实现方式

最新推荐文章于 2024-11-19 14:54:24 发布

原创

最新推荐文章于 2024-11-19 14:54:24 发布 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Apollo Client #React Apollo #React Native #GraphQL

本文介绍了如何在React应用中使用Apollo Client，强调它作为强大的GraphQL客户端，与传统API的区别，以及如何创建Client、配置ApolloProvider。通过ApolloProvider组件，可以在整个组件树中便捷地与GraphQL服务器进行数据交互。

前面已经写了一篇文章描述
GraphQL，Apollo Client，PostgreSQL三者的关系和区别，已经说明GraphQL是一个标准，被称为是一个革命性的API工具。他和REST有着相当大的区别与优势。GraphQL可以让你在客户端的请求中指定希望获取到的数据。也就是你想要什么数据就去请求什么数据，可以随时变更。
而传统的REST只能先在服务器中进行预先定义，前端人员再调用接口去进行数据的请求和接收。这样前后端人员的协作就会受到很大的影响。
在GraphQL的官网中有这么个描述：Apollo Client是一个强大的 JavaScript GraphQL 客户端。被设计用于与React，React Native，Angular2，或者是原生JavaScript一起进行工作。
因此 Apollo Client这种GraphQL客户端在面对不同的前端开发环境时他会有相应的集成包进行工作。而React Apollo 就是Apollo Client在React环境下的集成包之一。
本篇文章就是Apollo Client 在React环境下的集成包----React Apollo
在这里插入图片描述
前面说的很清楚了，apollo-client是