使用graphql查询反应结构化数据
GraphQL是一种用于API的查询语言和运行时环境，它可以让客户端精确地指定需要的数据，并且能够减少网络传输的数据量。相比传统的RESTful API，GraphQL具有更高的灵活性和效率。
GraphQL的主要特点包括：
- 结构化数据查询：GraphQL使用自定义的查询语言，允许客户端精确地指定需要的数据结构，而不是像RESTful API那样返回固定的数据结构。这样可以减少不必要的数据传输，提高网络传输效率。
- 单一请求多个资源：通过GraphQL，客户端可以在一次请求中获取多个资源的数据，而不需要多次请求。这样可以减少网络延迟，提高数据获取的效率。
- 强类型系统：GraphQL使用强类型系统来定义数据模型和查询结构，这样可以在编译时进行类型检查，减少运行时错误。
- 自动文档生成：GraphQL可以根据定义的数据模型和查询结构自动生成文档，方便开发者查阅和理解API的使用方式。
- 实时数据更新：GraphQL支持实时数据更新，可以通过订阅机制实时获取数据的变化，适用于需要实时推送数据的场景。
GraphQL的应用场景包括：
- 移动应用开发：GraphQL可以根据移动应用的需求精确地获取所需的数据，减少不必要的数据传输，提高应用性能。
- 多平台数据聚合：GraphQL可以将多个数据源的数据聚合在一起，提供统一的API接口，方便不同平台的数据访问。
- 微服务架构：GraphQL可以作为微服务架构中的API网关，将多个微服务的数据聚合在一起，提供统一的API接口。
- 实时数据更新：GraphQL支持实时数据更新，适用于需要实时推送数据的场景，如聊天应用、实时监控等。
腾讯云提供了云原生应用开发平台Tencent Cloud Native，其中包含了支持GraphQL的云函数SCF（Serverless Cloud Function）和云数据库MongoDB，可以用于开发和部署GraphQL应用。具体产品介绍和文档可以参考以下链接：
- Tencent Cloud Native：https://cloud.tencent.com/product/tke
- Serverless Cloud Function（SCF）：https://cloud.tencent.com/product/scf
- 云数据库MongoDB：https://cloud.tencent.com/product/mongodb
请注意，以上只是腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务，可以根据实际需求选择适合的解决方案。
相关·内容
我有一个通过graphql查询传递数据的反应表。但是我的查询与数据库集合中的不同对象有关系。当我传递数据时，我只从一个集合中获得数据。
这是我的问题
const getBikesQuery = gql`
{
AllBikeEntries{
bikenumber
distributedyear
ProjectName{
projectname
}
}
}
`;
我的表只显示来自bikenumber和distributedyear的数据。
下面是剩余的代码。
const columns = [
{
Header: "Number of Bi
浏览 3提问于2018-10-05得票数 0
假设您已经确定要检查关系数据库上的查询，这些查询可能会遇到发送太多太小查询的陷阱，并且希望找出它们来自何处，从而使发送它们的团队能够提个醒，那么有什么方法可以知道graphql查询是从编译的SQL输出中生成的呢？
相反，检查已知graphql查询的编译输出很容易。但是似乎没有任何简单的方式来根据来自实际DB的反馈来采取行动吗？
浏览 12提问于2022-07-22得票数 0
我正在使用Gatsbyjs，它在内部使用Reactjs。
在文件/layouts/index.js中，我有以下代码：
const Layout = ({...props, data}) => {
..........
}
export default Layout;
export const query = graphql`
query SiteTitleQuery {
site {
siteMetadata {
title
smallBreakPoint
}
}
}
`
更新
传入的数据是从Grap
浏览 1提问于2018-05-09得票数 1
回答已采纳
我正在尝试使用GraphQl和react。建议使用阿波罗客户端来对应用程序实现graphql。但我一开始就不想用它。
我可以不使用阿波罗客户端使用graphql进行反应吗？
浏览 3提问于2020-01-06得票数 5
回答已采纳
在我的react本机应用程序中，我使用了对api调用的react-query。后端是基于graphql的。对于查询和变异请求，没有问题。我只需使用useMutation和useQuery来获取数据。我的问题是，我应该通知用户来自graphql订阅的新通知。我不知道怎么用它来做反应查询。我在react查询文档中找不到任何文档。谢谢你的帮助。
浏览 6提问于2022-01-18得票数 2
回答已采纳
1回答
我正在使用阿波罗客户端并作出反应，我正在寻找一种策略，使我的组件和组件数据需求保持一致，这样就可以让可能需要它进行查询和突变的父/兄弟/子组件能够访问它。我希望能够轻松地更新数据需求，这反过来将更新由某个父组件查询或由父/兄弟/子中的突变返回的字段，以便准确地更新我的阿波罗缓存。
我尝试创建一个全局的高级别graphql目录，其中我的queries/mutations.graphql文件都位于其中，导入了整个应用程序中的所有相关片段文件，然后直接导入这些文件，但是这会变得乏味，并且不会遵循父查询包含子片段的父/子主题。同样，在大型项目中，导入时会遍历长文件路径。
我也尝试过只创建与组件文件对应
浏览 1提问于2017-12-29得票数 10
回答已采纳
1回答
我正在用GraphQL和设置我的第一个graphql端点.我的MongoDB模式有两种类型：用户和Card，其中用户可以拥有多张卡。我设置了根类型和解析器，没有任何问题。我可以查询和修改数据库中的用户和卡片。
我的问题是当我试图在用户中嵌套卡时，我得到了Error: Expected undefined to be a GraphQL type。只有当我将UserType.fields.cards.type设置为graphql.GraphQLList的一个实例时，才会出现错误，但是在QueryType.js中有一个相同的field值，这很好。
从堆栈溢出的其他问题来看，我的问题可能是我的用户和
浏览 7提问于2020-12-06得票数 1
回答已采纳
2回答
如何检查我的Graphql服务器是否关闭。目前，我使用QueryResult在服务器上进行查询，如果遇到错误，就会记录它。在进行查询之前，我希望确保graphql已经启动并运行。是否有任何方法检查同样的反应js。谢谢。
浏览 1提问于2019-10-30得票数 0
回答已采纳
我有一个graphQL API。这意味着我可以定制任何我想从我的突变反应。
当然，我需要我的UI与新的数据同步。不过，我不知道什么才是实现这一目标的最佳选择。
选项1
不返回除成功状态以外的任何其他突变信息，使用invalidateQueries重新获取在突变之后应该过期的相关查询。
选项2
从返回完全变异的对象，使用setQueryData将突变响应合并到当前的查询数据
每种方法的优缺点是什么？在处理graphQL后端时，是否推荐使用另一个？
React查询似乎表明invalidateQueries应该是最好的方法。见下文引文。我的意思是，我可以从突变中返回对象，但在graphQL灵活的
浏览 10提问于2022-03-14得票数 1
我有一个GatsbyJS项目，在该项目中，我使用StaticQuery查询JSON文件。我可能查询我的数据不正确，但与其他反应项目，我还没有这个问题。我以为结构会是一样的。有人能帮我指出正确的方向吗？
错误：
控制台/检查中的数据结构：
我的代码：
import React from 'react'
import { graphql, StaticQuery } from 'gatsby'
export default () => (
<StaticQuery
query={graphql`
query
浏览 1提问于2019-04-10得票数 0
回答已采纳
Graphql Api和Auth增加了一个全新的项目。
我转到扩容控制台，->，myapp，->，api，->，GraphQL，API，并点击AppSync中的视图。在run query部分，我运行了如下示例查询：
{
listTodos {
items {
name
}
}
}
反应是一个UnauthorizedException。这是意料之中的，也是正确的。
然后，如果我与一个认知用户登录，响应就是一些示例TODOS。这也没问题。
如果我去认知和禁用用户，我仍然可以运行查询。我期待一个未经授权的或其他的东西，而不是实际能够查询我的数
浏览 2提问于2020-06-05得票数 0
3回答
其中数据存储在Graphql中
、、、、
我开始使用graphQl与反应继电器。我遵循了一些教程，我可以通过突变和查询获得和发布。一切正常，但我的问题是，
其中qraphql保存数据并为我们获取数据
例如，：--如果我从数据库中获得数据--我可以进入特定的DB/ TABLE。同样，我想知道graphql在哪里存储数据。
我搜索了许多网站，他们告诉我如何使用qraphql，但我无法找到我的问题的答案。我需要澄清这方面的问题。有人能帮我解决这个问题吗。
浏览 0提问于2018-01-31得票数 12
我是第一次使用graphql进行反应。
我想通过网络接口将.pdf文件上传到服务器。
我所需要做的就是使用apollo客户端编写一个graphql查询，它将多个部分的表单数据发送到服务器。
我试着在谷歌上搜索它，但我没有找到任何适当的解决方案。
mutation createUser($user: myfile) {
createData(myfile: $user) {
id
name
email
}
}
浏览 2提问于2017-04-14得票数 2
我在一个反应组件中定义了两个突变onLike和onSubmit。对于onLike突变，我可以使用缓存与DataIdFromObject一起更新数据，而无需使用this.props.data.refetch()或refetchQueries: []重新获取数据。但不是针对onSubmit突变。
// --反应组分
onSubmit(e) {
e.preventDefault();
this.props
.addLyricQuery({
variables: {
content: this.state.cont
浏览 0提问于2018-06-25得票数 0
1回答
尝试接力和反应，并在今天遇到这个。这是我到目前为止所做的。
根查询：
query {
tasks {
id
taskName
taskStatus
userId
}
}
反应组件层次结构
App
↳--TaskList (props: tasks)
↳--TaskListItem (props: task)
现在，由于共同定位的原理，我知道我必须在每个组件中编写片段来描述它们的数据需求。
TaskListItem.js
const TaskListItemContainer = createFragmentContainer(
T
浏览 0提问于2019-04-22得票数 6
回答已采纳
我试图将数据存储在阿波罗缓存中，并通过graphql在组件中获取这些数据
在这里，我插入阿波罗客户端并将用户数据添加到阿波罗缓存中：
const cache = new InMemoryCache();
const client = new ApolloClient({
cache,
resolvers: {}
});
cache.writeQuery({
query: GET_CURRENT_USER,
data: {
userData: {
id: 1,
name: "Alexander",
email:
浏览 0提问于2019-07-29得票数 0
1回答
嘿，我刚刚开始学习GraphQL的React，以及完整的堆栈应用程序，看看阿波罗，并想知道为什么在我的React.js中，我会用图形the查询语言而不是json格式进行查询？
例如阿波罗反应想要
query: gql`
query GetRates {
rates(currency: "USD") {
currency
}
}
`
但是在服务器上，您可以编写
{
books {
title
author
}
}
为什么我不能在我的React应用程序中写第二个呢？我是不是遗
浏览 3提问于2021-05-31得票数 1
回答已采纳
我在本地主机上运行了一个Java GraphQL端点:8080/someApplication/graphql (CORS已激活)，当我用Altair (Firefox)编写查询时，我确实得到了一个有效的响应：
Altair
POST
查询：
{
someInformation
{
nameOfInformation
}
}
返回：
{
"data": {
"someInformation":
[
{
"nameOfInform
浏览 1提问于2018-12-10得票数 1
回答已采纳
我需要在按下“下载”按钮时调用查询，然后处理响应，我只需要在按下“下载”按钮时执行查询，而不是在react组件加载时执行查询。因此，我使用了graphql中的“useLazyQuery”选项。
我需要这样的东西：
const [downloadAllRecipients,{ loading, error, data }] = useLazyQuery(QUERY,
{
variables: {
campaignId: props.campaignId,
},
fetchPolicy: 'network-only',
浏览 6提问于2022-07-02得票数 0
我有一个使用Graphql和Mongo的反应项目。在执行查询时，我试图通过点表示法将返回的数据记录在控制台中，并返回“未定义”。
我搞不懂为什么？
My组件：
import { useQuery } from "@apollo/client";
import React, { useEffect } from "react";
import { GET_USER_SETTINGS } from "../graphql/getUserTimeSetting";
const UserAuthSettings = ({ isAuthenticated
浏览 3提问于2021-12-15得票数 0
1回答
我是初学者，我试着学习图形to。我想要创建一个应用程序，以更新数据(实时)从反应网络应用，以反应本地移动应用与图形to。在web应用程序中，当我按OK按钮时，很容易重新获取查询。在移动应用程序中，当我按下web应用程序的按钮时，我不知道如何重新获取查询。
我试图通过websockets(socket.io)传输数据，最后我设法传递数据，但这很费时。
这是WEB应用程序
这就是我想要做的
用react.js构建的网络应用程序
用react构建的移动应用程序-native.js
这是我的反应本机代码，我不知道如何和在哪里使用重取查询。
App.js
import React, { Comp
浏览 0提问于2019-07-31得票数 2
回答已采纳
我正在建设一个网站使用Strapi和反应。当我使用graphql操场查询数据时，我能够看到返回的数据，但是在我使用阿波罗的前端，我得到了以下错误：
index.js:1 --您使用的是简单(启发式)片段匹配器，但是您的查询包含联合或接口类型。阿波罗的客户将无法准确地映射碎片。若要消除此错误，请使用docs：中描述的
和
index.js:1警告:启发式片段匹配正在进行！
文档的URL不起作用，在google错误之后，每个答案都超出了我所掌握的知识的范围。
这是我的graphql操场上的查询：
{
page(id: 1) {
slu
浏览 4提问于2020-05-24得票数 0
回答已采纳
1回答
如何从Contentful的引用字段类型呈现数据？我能够查询图形my中的数据，甚至用它来过滤我网站上的帖子；
query TestQuery {
allContentfulPost {
edges {
node {
categories {
title
slug
}
}
}
}
}
但是，当我尝试在页面中显示它时，它显示的是空白的div。不过，我能够呈现所有其他字段类型，只有引用字段不起作用。
内容中的参考字段数据：
在graphql中获取的参考字段数据：
简单的
浏览 0提问于2021-01-10得票数 1
我正在尝试向shopify的管理api发出graphql请求。我正在使用官方的shopify-api-节点库。
我的查询如下
const response = await shopify.graphql({
`order(id:"gid://shopify/Order/3138432598213") {
currentCartDiscountAmountSet {
shopMoney {
amount
currencyCode
}
}
浏览 7提问于2020-12-26得票数 2
回答已采纳
试图理解“.”之间的联系React和GraphQL中的符号。他们是不是
1)使用相同的一般Javascript语法？如果是这样的话，这意味着什么?因为我的理解是特定的反应。(我认为这意味着把父母继承的财产传给孩子。“
( 2)在React和GraphQL中恰好相同的无关语法。
我在GraphQL中看到了它在这个中的使用
tutorial: const PokemonQuery = gql` query PokemonQuery($id: ID!) {
Pokemon(id: $id) {
... PokemonCardPokemon
} } ${Poke
浏览 3提问于2017-01-08得票数 3
回答已采纳
10月2日更新，提供更多澄清和示例
我正在构建一个 API (不是用于反应服务器端呈现的Next.js )。为了帮助采用，我考虑同时提供GraphQL和传统的REST端点，但是首先要做的是GraphQL。理想情况下，我将首先开发GraphQL，REST本质上只是在内部进行GraphQL查询调用，而不需要任何重定向。
例如，假设有一个列出全年提供的所有类的端点，等效的GraphQL端点应该如下
{
classes( year: 2021 ) {
courseId,
name,
teacher {
firstName,
lastName,
浏览 3提问于2021-10-02得票数 1
不幸的是，我们使用的是盖茨比( Gatsby )，但它的许多特性如GraphQL。我还是想用盖茨比形象。即使我无法从调整大小的转换中受益，我还是希望获得其他好处，比如延迟加载和占位符。有任何方法可以通过只传递一个url而不是传递GraphQL查询的结果来做到这一点吗？
浏览 3提问于2020-02-27得票数 0
回答已采纳
我想知道如何建立Vue 3阿波罗应用程序的查询和突变。我很熟悉useQuery钩子的反应。每当缓存的数据被更改(通过突变)时，它就重新呈现组件。
我试过：
()ApolloQuery () useQuery useQuery
在所有情况下，它只加载一次数据，而不对缓存数据更改作出反应。
我发现我可以通过阿波罗客户端构建自己的设置，或者重新获取查询。我甚至可以通过它的键使组件失效。这并不像React useQuery钩子那样优雅。
我很好奇在Vue 3中是否有现成的解决方案和平滑graphql操作的最佳实践。
浏览 1提问于2022-03-24得票数 3
回答已采纳
1回答
由于某些原因，graphql高阶函数没有按预期操作，特别是查询甚至没有被调用。这就是我现在拥有的：
function viewReducer({ dispatch, value }) {
let temp = () => (<MyPage
onReconnect = {() => {dispatch(restartSetup());}}
/>);
let View = graphql(myQuery)(temp);
return <View /&
浏览 0提问于2019-08-01得票数 0
问题 在我从GraphQl服务器查询我的对象之后，在控制台记录data时，我在控制台中获得了我的对象，但是当我以data: { getPosts : posts }的方式对其进行解构时，它返回了一个类型错误，而当我试图仅通过data映射时，它返回了data.map is not a function 《守则》 const {loading, data: {getPosts: posts} } = useQuery(FETCH_POSTS); // Here is the error
return(
{loading ? (
&
浏览 88提问于2020-11-06得票数 0
回答已采纳
1回答
GraphQL实现“不允许”
、、、、
我有一个由我实现的权限系统管理的GraphQL API。
我尝试使用Graphql，但是如果客户端请求一个禁止字段，我不想在整个请求中出错，所以我实现了自己的权限系统。
现在我需要解决一个问题：
实现权限系统的方式意味着检查每个字段是否允许，如果不允许，则返回null。但是，我想返回一些指示，表示该字段实际上不是null，而是“不允许”字段。
我想用两种方式来做：
在每次检查期间，我都会将无法访问的所有字段与查询(可能在某种中间件中)附加到某个查询范围内的变量中，然后将模式中的所有对象扩展为一个“允许”字段，在该字段中返回权限的值。
有什么建议吗？
浏览 2提问于2020-11-05得票数 0
1回答
我的反应方式似乎有错误--阿波罗。根据这些文档，我试图对阿波罗进行一个基本的查询。这是我在浏览器中看到的错误，在“审查”页面上。看来this.getClient是未定义的，无法调用watchQuery。
react-apollo.browser.umd.js:417 Uncaught TypeError: this.getClient(...).watchQuery is not a function
at GraphQL.createQuery (react-apollo.browser.umd.js:417)
at GraphQL.setInitialProps (react-apollo
浏览 2提问于2018-02-19得票数 3
回答已采纳
2回答
在我的应用程序中，我使用下面的NPM模块来玩、和
在接下来的步骤中，我将创建阿波罗配置文件，示例如下：
import { HttpLink } from "apollo-link-http";
import { withData } from "next-apollo";
const config = {
link: new HttpLink({
uri: "http://localhost:1337/graphql",
})
};
export default withData(confi
浏览 3提问于2020-03-25得票数 9
回答已采纳
我使用阿波罗客户端2与反应。当查询完成加载时，是否有回调？
我正在制作一个用户的帐户页面。电子邮件字段应该显示用户的电子邮件。我可以使用我的graphQL查询获得这个值，但是只有在组件已经挂载之后，加载才会完成。因此，我不能使用componentDidMount。是否有回调或事件，我使用setState和填充电子邮件字段的方式？
import React from 'react';
import gql from 'graphql-tag';
import { graphql } from 'react-apollo';
class Accou
浏览 0提问于2018-01-24得票数 1
回答已采纳
我有点问题。我有两个成分在反应本土化。
1. (组件A)用于显示数据，该组件使用查询图形
2. (组件B)是通过一些过滤变量在组件A中触发查询的按钮。
单击按钮组件时，
它变异
将过滤器保存到graphql链接状态
触发组件A以重新生成新数据。
问题是，组件A不是改进机..。
以下是当我单击按钮时触发的代码
this.props.mutate({
variables: {
Category
},
refetchQueries: [{
query: FETCH_SEARCH,
variables: {
productcatego
浏览 0提问于2018-05-23得票数 1
回答已采纳
我正在使用阿波罗客户端并作出反应-原生的，我的问题是，我有一个工作的查询，当视图用默认数据呈现时，我会发出一个请求。
在我看来，我可以看到一个默认为0的数字。
我可以看到请求被记录在我的graphql服务器上。
视图不会使用响应中的新道具值自动更新。
如果我触摸屏幕，视图将更新，页面将被graphql中的数据填充。
这里发生了什么事？如何使它能够在响应返回时自动更新组件道具并重新呈现组件？
浏览 1提问于2017-08-02得票数 2
在这个项目中，我在后端使用Python+Django和GraphQL (石墨烯)，MySQL作为数据库，而React.js作为前端。
在前端，用户登录后，我将执行以下查询：
const GET_ORGANIZATION = gql`
query getOrganization($orgId : Int!) {
organization(id:$orgId){
id
name
user{
id
username
firstName
lastName
email
dateJoined
l
浏览 1提问于2021-08-04得票数 0
回答已采纳
在执行阿波罗客户端查询时，我遇到了让onCompleted回调启动的问题。
该查询在运行时没有问题，它返回我期望的结果，但是onCompleted处理程序从不触发。我尝试过多种方法：
( a)我尝试使用HOC而不是React组件(参见gist末尾的注释)
( b)我试图使缓存无效，并将fetchPolicy设置为“网络专用”。
我尝试过将处理程序设置为“异步”
有一个与我所经历的有关的Github问题，但是这个线程中的人只有在从缓存中加载时才会遇到这个问题。我正经历着回调，而不是一直在解雇。
下面是我的代码的修整示例：
import React from 'rea
浏览 0提问于2018-08-21得票数 4
回答已采纳
1回答
我在用
Neo4J 4.2
阿波罗服务器
GraphQL &@ne4j/graphql(从schema.graphql生成Neo4J类型)
世博会对本地+阿波罗客户的反应
TypeScript
我想通过遵循GraphQL来生成查询的TS类型。
将在./src文件夹中查找，但是在React中没有这样的文件夹，它都在根中。因此，当我试图更改阿波罗客户机的includes配置时，如下所示：
<root>/apollo.config.js
module.exports = {
client: {
includes: ['**/*.{
浏览 3提问于2021-06-12得票数 1
1回答
我目前正在研究如何使用用户通过表单提交的文本数据作为返回结果数组的查询中的变量参数来实现搜索功能。AssetQueryInit查询的结果呈现得很好。(AssetQueryInit只呈现硬编码查询的结果)
我是一个新手，任何帮助都将不胜感激！
GraphQL服务器
const typeDefs = `
type Asset {
_id: ID
assetName: String
headline: String
language: String
sentimentNegative: Float
sentimentNeutral: Float
浏览 0提问于2018-07-28得票数 0
1回答
我使用阿波罗客户端v2.6，并使用@阿波罗/反应挂钩与我的graphql查询和突变交互。问题是在一个组件中进行多个阿波罗操作。我可以执行查询和突变，但是可以从下面的代码中检索数据i。
[getEvents, { data }] = useQuery(GET_EVENTS),
[createEvent, { data }] = useMutation(CREATE_EVENT)
您注意到，为了从操作中获取数据，我必须使用data属性，但我得到的错误是
解析错误:标识符‘数据’已经声明
那么，还有另一种方法吗?我可以通过操作获得数据，而无需使用数据两次--谢谢
浏览 2提问于2019-11-04得票数 1
1回答
在尝试将GraphQL集成到ReactJS应用程序时，遇到了CORS问题。
形势：
我正在尝试执行一个简单的graphql查询。不使用数据库。该程序运行良好，无需graphql实现。
浏览器：GoogleChromeVersion78.0.3904.87
Computer：MacBook Pro，2015年中期
相关依赖项：
阿波罗-助推: 0.4.4
阿波罗-客户: 2.6.4
cors: 2.8.5
特快: 4.17.0
图形: 14.5.8
反应: 16.8.6
反应-阿波罗: 3.1.3
，这是我在浏览器控制台中遇到的错误：
选项 net::ERR
浏览 2提问于2019-11-05得票数 2
2回答
我有一个反应应用程序使用继电器和远程GraphQL服务器。当我启动webpack服务器时，我让它获取最新的模式并将其输入babel中继插件。
当我进行模式更改时，它可以工作great....except。它看起来像是React或Relay或webpack之类的东西在缓存模式，因为在运行应用程序时，我会在浏览器控制台中得到一个模式验证错误。但是，当我使用GraphQL对GraphIQL服务器手动运行查询时，查询是成功的。所以它必须是某种缓存的反应，接力，webpack方面，我想？
我尝试过的事情：
列表项目
重启webpack服务器
去除node_modules和npm instal
浏览 5提问于2016-09-01得票数 8
回答已采纳
反应Apollo调用以填充数据属性的方式
graphql(withQLTag)(ReactComponent)
存在于component类之外。
但是，如果我想通过预定义的查询来控制通过react prop使用哪些数据，以便对多个数据模型重用一个列表，该怎么办呢？(我知道列表视图必须从返回的所有数据中存在的属性中提取)。
render() {
return(
<ReactComponent qlTag="Model1">
)...
有没有办法做到这一点？
浏览 11提问于2017-02-18得票数 1
回答已采纳
我正在用盖茨比( Gatsby )构建一个网站/使用两种内容类型构建网站：Pages、和发布，并通过GraphQL (in Prismic)查询我的数据。
我想在页面上加入一个“最近的新闻”-module，显示最近的博客。
我的问题如下：
是否有一种方法可以直接访问我的模块中的数据，而不通过每个父反应组件传递数据？
在这种情况下，我使用的是棱镜，但同样的场景也适用于内容丰富、精神健全或任何其他无头CMS。
以下是我查询数据的方式：
query pageQuery($uid: String, $lang: String) {
prismic {
allPages(ui
浏览 5提问于2020-07-31得票数 0
回答已采纳
1回答
我是阿波罗和graphql的新手，我正在尝试用shopify的商店前API来建立一个电子商务网站。该网站是建立与反应和Next.js的SSR。
我设法使一些样板代码用于与shopify的基本购物车交互。我有一个页面组件，它封装了整个应用程序，它位于ApolloProvider下面，可以访问阿波罗客户端。目前，我正在使用some ()向页面组件提供一些graphql ()：
const pageWithData = compose(
graphql(query), // Query that retrieves base shopify information, such as shop n
浏览 0提问于2019-06-20得票数 1
我是graphQL的新手，我想知道如何为与输入字段相关的响应定义模式。
例如，我将响应类定义为
typealias studentResponse = HashMap<String, String>
根据学生身份，我的反应会有所不同，
{ studentDetails(studentId:1234){
chemistry,
maths,
}
}
但有些学生身份可能会返回其他额外的未知键值对，如语言、物理等。
我可以知道如何在不使用模式定义的情况下运行查询并在graphQl中动态获取结果。
浏览 5提问于2022-08-22得票数 0
回答已采纳
2回答
我一直在学习GraphQL，现在我正在学习与GraphQL中的错误处理有关的东西。我参考了来处理GraphQL中的错误。现在，从本文中我了解到，如果我在user中有一个GraphQL查询，那么我就可以创建一个包含所有可能类型(包括Error )的联合
union UserResult = User | DeletedUser | Error
现在，在这个特定的解析器中，如果发生任何错误，我将发送一个错误类型响应，并且我将能够在客户端显示适当的错误。这就是错误处理。
但是，如果我有一个查询users，它将返回一个用户数组怎么办？假设按照上面的方法，我会做这样的事情.
type Query {
浏览 7提问于2022-05-12得票数 2
回答已采纳
1回答
我有一个现有的Node.js REST API，目前使用pg-promise从数据库中查询数据。但是我想使用GraphQL来查询数据库中的数据。所以，我只想在内部使用GraphQL。我找到的所有教程都展示了如何构建GraphQL服务器。但是我能不能只在内部使用GraphQL来查询数据呢？
谢谢!
浏览 12提问于2021-02-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
