将数据从GraphQL提供给Redux
是指在使用Redux作为状态管理库的前端应用中，通过GraphQL来获取数据，并将获取到的数据存储到Redux的store中。
GraphQL是一种用于API的查询语言和运行时环境，它可以提供灵活的数据查询和获取机制。相比传统的RESTful API，GraphQL可以根据前端的需求精确地获取所需的数据，避免了过度获取或不足的情况。
在将数据从GraphQL提供给Redux的过程中，可以按照以下步骤进行：
- 定义GraphQL查询：首先，需要定义GraphQL查询来获取所需的数据。GraphQL查询是一种描述数据结构和字段的语言，可以根据需求编写查询语句。
- 发起GraphQL请求：在前端应用中，可以使用GraphQL客户端库（如Apollo Client）来发起GraphQL请求。通过指定查询语句和变量，可以向GraphQL服务器发送请求并获取数据。
- 处理GraphQL响应：一旦收到GraphQL服务器的响应，前端应用可以通过处理响应数据来提取所需的数据。通常，响应数据是一个包含查询结果的JSON对象。
- 存储数据到Redux：获取到所需的数据后，可以将数据存储到Redux的store中。Redux使用一个统一的状态树来管理应用的状态，通过dispatch action来更新状态。
- 连接Redux和React组件：最后，将Redux的store连接到React组件中，使组件可以从store中获取所需的数据。通过使用React-Redux库提供的connect函数，可以将Redux的状态映射到组件的props中。
这样，前端应用就可以通过GraphQL获取数据，并将数据存储到Redux中，以供应用的各个组件使用。
对于这个问答内容，腾讯云提供了云开发（CloudBase）服务，它是一款集成了云函数、云数据库、云存储等功能的云端一体化开发平台。云开发可以帮助开发者快速搭建后端服务，提供数据接口供前端应用使用。腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
1回答
我有一个项目，我使用redux，react-apollo，我想知道有没有机会通过reducer将数据从react-apollo提供给redux。下面是伪代码。import { graphql } from 'react-apollo'{
/* Function, which
浏览 1提问于2018-01-10得票数 0
1回答
我已经阅读了许多基于redux和中继的文章/文档，但我仍然感到困惑，这两个库有何不同？GraphQL在继电器中的确切作用是什么？哪个库更适合于企业数据驱动的应用程序，如CRM/ERP？
浏览 1提问于2016-06-26得票数 41
2回答
我正在尝试在我的React应用程序中设计数据流。你对如何管理字典数据有什么建议吗？我从REST API获取数据集，比如"Countries“、"Currencies”和许多其他键值对。这些数据可以随时间变化，但非常罕见。我希望将它们存储在客户端的某个地方，因为多次获取它会影响应用程序的性能。 你有什么建议如何管理它吗？当获取字典数据时，将其存储在哪里，以及如何从服务器同步更改？
浏览 28提问于2020-04-28得票数 0
我的组件需要调用graphql查询，但它需要的变量只能由redux使用。所以我已经将redux的连接映射到react apollo compose。但是我在从reducer获取数据时遇到了问题，并且调用不能正确加载。state.reducerName.variableData,}
connect(mapStateToProps, mapDispatchToProps),
graphql
浏览 1提问于2018-06-01得票数 0
如何使用GraphQL的Apollo客户端将获取的数据存储到Redux的存储中？我不能完全放弃redux而完全依赖Apollo的原因是，我仍然需要使用REST从其他地方获取和存储数据，并将其存储到redux store中，而redux store允许我拥有在我的应用程序中真正有用的扩展或者我应该仅仅依靠普通的graphql查询？
浏览 2提问于2018-09-04得票数 0
1回答
阿波罗GraphQL变量查询
、、、、
在大量阅读Apollo React文档之后，我无法使用Redux提供的DiscoveryList组件的props变量displayLocation创建GraphQL查询。was provided invalid value，令人惊讶的是，提供给浮点变量的值是37.33233141。Redux和Apollo组件集成代码如下： connect(({ displayLocation }) => ({ displayLocation }), {
updateDisp
浏览 2提问于2017-09-21得票数 1
Redux的Provider组件和connect函数通过mapStateToProps向封装的组件提供了对商店状态的引用。正如可爱的文章中所提到的，这样做的目的是不需要引用全局存储对象或将数据无休止地传递到DOM。
这有一个很大的优点:存储状态是DOM不可知的。您可以将任意两个元素放在页面上的任何位置，并为它们提供所需的来自存储的任何数据。如果您有一个用于客户搜索的表单和客户搜索结果列表...这些表示元素之间的关系不会影响它们对数据的访问。当我使用graphql使用查询
浏览 1提问于2017-07-08得票数 1
回答已采纳
1回答
我想知道为什么人们似乎没有在Redux中使用GraphQL jus。
我以前从未使用过GraphQL，但我想开始一个新的项目，但阿波罗和继电器都没有说服我。目前，我正在创建一个应用程序，使用redux和“旧时尚”rest。我喜欢redux的想法，它把关于我的应用程序的全部信息存储在一个地方。那么，为什么我们不能像以前一样发送查询，使用普通的rest，并将数据放到redux存储区(也许可以尝试存储一些有关同步的信息以进行优化)。
浏览 0提问于2018-04-08得票数 6
回答已采纳
我试图在React组件中直接传递我的GraphQL查询的变量。目前，我必须在选项中对其进行硬编码，但它使我无法对其进行动态编码： {options: (props) => (scope,
export default graphqloptions: (props) =
浏览 0提问于2018-08-18得票数 0
但是，当我说react时，有许多开发人员使用redux作为状态管理的基本库，但我认为redux在代码中增加了很多复杂性。因此，我搜索了一个替代方案，我发现一些开发人员根本没有使用redux，而是使用GraphQL +阿波罗作为替代。我还在Github上找到了这个漂亮的存储库，它使用了Django with React，但它根本没有使用redux。链接到该GitHub存储库的一个GitHub文件-
所以，这是一个好主意，使用阿波罗+ GraphQL而不是redux?
浏览 2提问于2020-09-20得票数 0
如果我在应用程序中使用redux和阿波罗客户端，那么从组件外部的操作中触发查询的最佳方法是什么。import { graphql } from 'react-apollo';impor
浏览 4提问于2016-11-23得票数 9
回答已采纳
2回答
我真的很喜欢graphql和MERN堆栈。然而，我最近才开始学习redux模式。我的主要痛苦是--如何创建使用graphql查询获取数据的操作(我主要使用阿波罗)。我的意思是-我发现有REST模式的例子，但我不知道，也找不到任何简单的reac-redux应用程序获取数据使用graphql查询。
我非常感谢任何例子/帮助/线索。
浏览 1提问于2018-01-06得票数 0
回答已采纳
我是GraphQL、阿波罗、AWS S3和Redux的新手。我已经阅读了每一本教程，并且我熟悉、Heroku和Mongo。我很难理解以下几点：
我必须从一开始就使用Graph
浏览 3提问于2017-07-12得票数 0
回答已采纳
我正在重构一个正在使用redux的express+react应用程序，我想切换到graphql (阿波罗)，但是我有一些不太清楚的事情。因此，一般的流程是GET请求获取数据(一个对象数组)，然后存储在redux存储中，并使用分页的选择器并将其表示为一个列表。然后，用户可以编辑条目(在redux存储中修改条目)，然后他可以“发布”从redux存储获取数据并调用POST端点。
我将如何在graphql中建模呢？我是否使用graph
浏览 4提问于2020-07-01得票数 0
回答已采纳
1回答
因为它只有一个端点，所以我只能提取我需要的数据。从阿波罗-客户端3.0开始，支持国家管理.阿波罗客户端的反应变量函数非常方便，但我更喜欢redux。问题是这个。
请检查一下！
浏览 1提问于2021-05-26得票数 3
回答已采纳
1回答
阿波罗与残存
、、、
我集成了，以便将数据从GraphQL服务器获取到我的react本机应用程序中。我使用 redux 来持久化和重新补充redux存储。有人知道我是怎么做到的吗？
浏览 3提问于2017-03-29得票数 5
回答已采纳
1回答
我在以我想要的格式将数据输入到组件中时遇到了困难。
对于我的组件来说，这不是一个非常有用的格式。我希望这些数据以id作为suc键： "2a4a34sdf3dd": { }我的问题是： assets{ id}`export default compose(
graphql<
浏览 2提问于2017-01-12得票数 1
回答已采纳
如何从Redux商店中的GraphQL/阿波罗中获取数据？这是我的入口文件。);import { createStore, applyMiddleware, compose as composeRedux } from 'redux';
import { routerMiddleware } from 'react-router-redux&
浏览 0提问于2018-01-16得票数 0
回答已采纳
1回答
据我所知，要使任何数据在我的存储中全局访问，一旦我获得数据，我需要一个查询来将数据写入存储，然后在我的另一个组件中使用另一个查询来获取数据。在Redux中，我只需在还原器中将新数据添加到存储中，那么任何与mapStateToProps相关的数据都可以访问它。 this.props.client.query({
浏览 0提问于2018-08-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
