在React/Apollo应用程序中返回一级数据的图形QL
在React/Apollo应用程序中返回一级数据的GraphQL是一种查询语言，用于获取和操作数据。它是一种开放标准的查询语言，由Facebook开发并开源。GraphQL具有以下特点：
概念：
- GraphQL是一种用于API的查询语言和运行时环境。
- 它是一种声明性查询语言，允许客户端精确地指定需要从服务器获取的数据。
- GraphQL使用类型系统来定义查询和数据模型之间的关系。
分类：
- GraphQL属于API查询语言的一类，与REST API相比具有更灵活和高度可定制的特性。
优势：
- 灵活性：GraphQL允许客户端精确地指定需要的数据，避免了传统REST API中的过度获取或欠获取的问题。
- 减少网络请求：GraphQL使用单个请求获取多个资源，避免了多次请求的开销，提高了网络效率。
- 强类型系统：GraphQL使用类型系统来定义数据模型和查询之间的关系，减少了文档和沟通的成本。
- 自我文档化：GraphQL的类型系统和查询语言本身提供了自我文档化的能力，使开发人员能够更好地理解API的结构和可用性。
应用场景：
- 移动应用程序：GraphQL可以根据移动应用程序的特定需求提供定制化的数据响应，减少数据传输量和移动设备的功耗。
- 多平台应用程序：GraphQL的灵活性使其适用于多平台应用程序，如Web、移动和物联网设备。
- 前后端分离开发：GraphQL使前端开发人员能够更好地与后端开发人员协作，根据需要获取所需数据。
- 微服务架构：GraphQL可与微服务架构结合使用，每个微服务负责提供其特定领域的数据。
腾讯云相关产品：
- 云函数SCF（Serverless Cloud Function）：用于实现无服务器计算，与GraphQL的灵活性和微服务架构相结合，提供高效的数据查询和处理能力。详细信息请参考：腾讯云函数（Serverless Cloud Function）
- API网关：用于管理和调度GraphQL API的访问，提供请求转发、鉴权、限流等功能。详细信息请参考：腾讯云API网关
以上是对在React/Apollo应用程序中返回一级数据的GraphQL的完善且全面的答案。
相关·内容
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
回答已采纳
我正在构建一个使用create-react-native-app cli的本机应用程序，这里是我正在使用的包。除光纤"dependencies": { "apollo-cache-inmemory": "^1.0.0", "apollo-client": "^2.0.1", "apollo-link": "^1.0.0", "apollo-link-error": "^1.0.0", "apollo-li
浏览 3提问于2017-10-27得票数 0
回答已采纳
1回答
新的GraphQL并使用它从Wordpress API返回数据。在GraphiQL Wordpress IDE中创建查询时，它返回正确的数据，但当我在NEXTJS应用程序中实现查询并执行console.log时，我看到的是[Object]而不是响应中的数据。我感到困惑的是，为什么在使用IDE创建查询时，它出现得很正确，但是在实现时却没有按照预期呈现数据。
我的设置：
//apollo-client.js
import { ApolloClient, InMemoryCache } from '@apollo/client';
const client = new Apoll
浏览 1提问于2022-05-20得票数 0
回答已采纳
1回答
我有一个应用程序，它使用next.js和阿波罗/图形库，我正试图完全理解getInitialProps生命周期挂钩是如何工作的。
在我的理解中，生命周期getInitialProps被用来设置一些初始的道具，这些道具将在应用程序第一次加载时呈现服务器端，这些支持可以用于从数据库中预取数据，以帮助SEO或简单地提高页面加载时间。
我的问题是：
每次我有一个query组件在我的应用程序中获取组件中的一些数据时，我是否必须使用getInitialProps来确保数据将被呈现在服务器端？
我的理解也是，getInitialProps只在页面索引组件(以及_app.js中)中工作，这意味着组件树
浏览 1提问于2019-05-16得票数 9
回答已采纳
您好，我正在尝试将阿波罗添加到我的react应用程序中，在文档中它说要将您的应用程序包装在<ApolloProvider client={client}>标记中，并将客户端作为变量传入，如下所示： import React from 'react';
import ReactDOM from 'react-dom';
import PageLayout from './components/page-layout'
import CreateApolloClient from './apollo-settings'
浏览 7提问于2019-12-12得票数 0
回答已采纳
1回答
我在使用多个上下文和还原剂的反应钩。
这是我的App.js文件
import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Map from "./components/Map";
import Header from "./components/Header";
import Signup from "./components/Auth/Signup";
浏览 5提问于2019-11-29得票数 0
回答已采纳
应用程序是在X-code中成功构建的，但在启动时会出现以下错误：
Unable to resolve module
`../node_modules/react-native/node_modules/react-apollo/react-apollo.browser.umd.js`
from `/Users/lau/Documents/project/watch/mobile/src/Screen.js`:
could not resolve
`/Users/lau/Documents/project/watch/mobile/node_modules/react-native/no
浏览 0提问于2018-08-16得票数 0
1回答
不能用嵌套值设置阿波罗本地状态
、、、、
我正在用React测试阿波罗图形to，并试图用一个嵌套对象更新本地状态。我遇到了一个问题。数据返回一个null值，甚至不返回我设置为默认值的值。我看到的唯一警告是Missing field __typename。我不知道我缺少了什么，或者这是不是您正确地使用Graphql或阿波罗问题设置嵌套值的方式。我有一个代码沙箱和我想要做的示例
index.js
import React from "react";
import ReactDOM from "react-dom";
import ApolloClient from "apollo-boost"
浏览 8提问于2019-09-19得票数 2
回答已采纳
1回答
我被困在试图实现图形am与反应-阿波罗和图形酷。我在跟踪这个
我的请求查询代码如下所示：
import React from 'react';
import { graphql } from 'react-apollo'
import gql from 'graphql-tag'
const ALL_INSPECTIONS_QUERY = gql`
# 2
query AllInspectionsQuery {
allInspections {
id
date
observation
浏览 2提问于2017-11-19得票数 1
回答已采纳
我已经开始使用GraphQL server和Apollo client了。代码是用Reactjs编写的。现在，我希望使用任何查询从GraphQL服务器获取数据，并将数据显示到UI中的表中。我使用npm react-table处理表格。
如果查询响应没有数组，我可以很容易地获取和显示数据。例如，我的查询输入字符串如下：
{
account {
firstName
lastName
id
}
}
和不带数组的查询结果
{
"data": {
"account": {
"firstName":
浏览 3提问于2018-01-09得票数 1
回答已采纳
在每次请求GraphQL和阿波罗中间件在React 应用程序中之前，我想实现自动刷新jwt令牌。每次登录用户后，他都会得到两个令牌:访问和刷新。访问令牌是在授权头中使用的30~60分钟的短令牌.而刷新令牌则是用于确认刷新令牌图形of突变的持续60天的长令牌。我的流量：
用户登录并获得2个令牌，->使用Appollo setContext将访问令牌放入授权头。
用户在客户端请求GraphQL ->检查accessToken的expireTime：->，如果没有过期，->确认请求->，如果它已经过期，->调用GraphQL refreshToken突变-
浏览 0提问于2019-08-07得票数 6
回答已采纳
在react(nextjs)应用程序中，我使用statsig-react切换主线am端点(Urls)。现在，我正面临一个问题，同时连接状态与阿波罗。
我的app.js就像，
const apollo = useApollo(pageProps)
const AddStatsig = () => {
<StatsigProvider
sdkKey={`${env.statsigKey}`}
options={{ environment: { tier: env.environment } }}
waitForInitialization={t
浏览 3提问于2021-09-14得票数 3
回答已采纳
我正在为我的项目使用阿波罗客户端和图形Ql，我试图使用CustomTypeAdapter并将schema中存在的一个字段映射到一个自定义字段。但是生成的自定义类型不包含我在build.gradle中指定的值。
下面是我的应用程序级别build.gradle
apollo {
generateKotlinModels.set(true) // or false for Java models
customTypeMapping = [
"PersonDetail": "com.task.databasepo
浏览 4提问于2020-05-28得票数 1
3回答
我试图得到一个基本的反应+图形酷的项目设置。
我已经初始化了Graphcol后端，这样我就可以在：看到操场了
我可以在操场上运行这个查询，并看到结果：
query {
allGroups {
id
description
}
}
不过，我不能把这个和反应前端联系起来。这是我的index.js：
import React from 'react';
import ReactDOM from 'react-dom';
// GraphQL
import { ApolloProvider } from 'rea
浏览 7提问于2018-01-04得票数 1
回答已采纳
我的应用程序的前端是Reactjs，后端是Node。我用的是快递服务器和graphql-快递服务器.我成功地部署了我的应用程序。但是它从数据开始加载，然后什么也没有显示。但是如果我在本地运行npm，那么heroku应用程序就开始工作了。
，这是我在浏览器中得到的错误
--这是我服务器的包json文件。如果我运行在终端机npm运行开发。它打开了我的react应用程序.
{
"name": "backend",
"version": "1.0.0",
"description": "
浏览 0提问于2020-01-06得票数 0
我在为一个特殊组件编写一个d.ts文件时遇到了问题：with-apollo-client.js封装一个组件来注入一个支柱。它是这样的：
export default App => {
return class Apollo extends React.Component{
render(){
// code to get apolloClient variable omitted
<Apollo client={apolloClient}>
}
}
}
为了使用它，我们只需要：
import withApolloClien
浏览 0提问于2018-11-07得票数 0
回答已采纳
我一直试图使用阿波罗连接到本地的GraphQL服务器。下面是我使用react-apollo2.0的尝试。但是我也尝试过使用react-apollo1.4和createNetworkInterface，但是我也得到了同样的错误。
import { graphql } from 'react-apollo';
import gql from 'graphql-tag';
import { AppRegistry } from 'react-native';
import { HttpLink } from 'apollo-link-http&
浏览 1提问于2017-12-11得票数 0
回答已采纳
3回答
我是NextJS的新手。我有一个页面，需要显示从Hasura GraphQL后端提取的实时数据。
在其他非NextJS应用程序中，我在阿波罗客户端库中使用了GraphQL订阅。在引擎盖下，它使用websockets。
当GraphQL不使用订阅时，我可以让它在NextJS中工作。我很确定这是在服务器端运行的：
import React from "react";
import { AppProps } from "next/app";
import withApollo from 'next-with-apollo';
import { Apol
浏览 1提问于2020-05-12得票数 4
1回答
我有一个应用程序，它是基于auth令牌的用户。当我试图访问useQuery返回的用户数据时，我总是得到一个“无法读取未定义属性”的错误。我决定添加一个console.log(userData)来查看发生了什么，在调用它并返回正确的对象之前，它会用未定义的响应调用查询5或6次。有人能帮我吗？由于未定义错误的属性，它使我无法对访问的任何数据做任何事情。
我的Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import
浏览 3提问于2020-07-18得票数 0
需要在客户端全局处理阿波罗图形on错误，并在出错时呈现自定义ErrorHandler组件。所以我用了阿波罗的软件和
import ApolloClient from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { onError } from 'apollo-link-error'
const httpLink = new HttpLink({ uri: '/graphql' });
const logoutLink = onErr
浏览 0提问于2018-02-27得票数 1
回答已采纳
我正在做一个项目，我在react中使用apollo/client，graphql，而对于全局状态管理，我必须使用redux。我很确定我将不得不在我的项目中处理更多的数据，所以我会把它放到我的商店里。我想知道如何使用apollo客户端执行redux操作来从graphql端点获取数据 第一部分是我的index.js，我在其中设置了apollo客户端。 import React from "react";
import ReactDOM from "react-dom";
import App from './App.jsx'
浏览 21提问于2021-07-12得票数 1
回答已采纳
我尝试在阿波罗服务器&阿波罗客户端中使用pubsub。但订阅的数据仅为null。
客户端依赖性
"@apollo/react-hooks": "^3.1.5",
"apollo-boost": "^0.4.9",
"apollo-link-ws": "^1.0.20",
"graphql": "^15.0.0",
"react": "^16.13.1",
"react-dom": "^16.1
浏览 1提问于2020-06-06得票数 1
回答已采纳
"apollo-boost": "^0.1.13",
"apollo-link-context": "^1.0.8",
"graphql": "^0.13.2",
"graphql-tag": "^2.9.2",
"react-apollo": "^2.1.11",
电流码结构
<div>
<Query
query={FETCH_CATEGORIES_AUTOCOMPLETE}
variables=
浏览 0提问于2018-09-10得票数 0
回答已采纳
1回答
我必须在Azure中从头开始一个GRANDstack (GrapQL，React，Apollo，Neo4j数据库)项目。 我知道对于Neo4j数据库，我可以在Azure上安装虚拟机。 但是对于GraphQL，React和Apollo，我不知道在Azure中安装它们的最佳实践是什么。 例如，我是否必须安装Azure应用程序服务、Azure函数？ 我不知道如何将GRANDstack的每个组件放入Azure中。
浏览 19提问于2020-11-10得票数 0
我正在使用apollo客户端在我的react应用程序中模拟graphql api。这是我的index.js (由create-react- app创建的react应用)
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import InventoryList from './components/InventoryList';
import Head
浏览 8提问于2017-12-22得票数 3
回答已采纳
我有一个使用react-apollo:2.5.8的React应用程序和一个通过NPM安装并在应用程序中使用的自定义组件库。该库在同级和开发依赖项中列出了react-apollo:2.5.8。自从我将react-apollo升级到2.5.8之后，我就一直收到这个错误
`Uncaught Invariant Violation: Could not find "client" in the context of ApolloConsumer. Wrap the root component in an <ApolloProvider>.`
我也尝试过将React-apo
浏览 1提问于2019-11-26得票数 2
我正在使用Apollo客户端，Graphcool和React。我有一个工作的登录表单，但我需要的UI更新时，用户登录，我需要这发生在不同的组件。
看起来apollo-link-state就是这个问题的解决方案。我的下面的代码似乎可以工作，但我得到了这个错误：
writeToStore.js中的Missing field CurrentUserIsLoggedIn in {}
我的Apollo客户端设置：
import React from 'react';
import ReactDOM from 'react-dom';
// Apollo
import {
浏览 0提问于2018-01-29得票数 12
回答已采纳
3回答
我正在开发一个简单的反应应用程序与普丽斯马，阿波罗客户，图形‘m瑜伽。在遵循时，我遇到了这个问题。
./src/components/CreateEntry.js
Module not found: Can't resolve '../forms/ApplicationForm' in 'C:\Users\massi\Desktop\sandbox\erbar10\erbar10\src\components'
我的树
CreateEntry.js
import React, { Component } from "react"
浏览 0提问于2018-12-27得票数 1
当涉及到状态集中时，我知道如何使用上下文api和Redux。但要恢复这种状态，我们必须始终在一个反应组件内。
在一个公共函数中访问一个全局状态/变量的最佳策略是什么，而不是在一个反应性组件中？
在环境中，变量不是选项，因为此值在应用程序运行后更改。出于安全考虑，我不想放饼干或本地仓库。
Index.ts
import React from 'react';
import ReactDOM from 'react-dom';
import { ApolloProvider } from 'react-apollo';
import apolloCl
浏览 1提问于2021-08-23得票数 4
回答已采纳
1回答
在启动命令npm run eject之后，我遵循以下步骤：
bare :我想要一个原始项目。我设置了应用程序和xcode项目的名称
在此之后，命令将消息Ejected successfully!返回到ios生成的文件夹中，运行命令pod install，结果是Pod installation complete!
执行此过程后，我尝试使用ios模拟器运行应用程序，但有以下错误：
世博会SDK要求世博会运行。似乎本机世博模块不可用，并且此代码不在世博上运行。访问，了解有关开发世博会项目的更多信息。
注意，在执行npm run eject命令之前，应用程序工作正常。
这是package.json
浏览 3提问于2019-09-18得票数 2
我正在创建一个apollo react应用程序。我想让阿波罗来管理我当地的州。我想要构造我的本地状态，这样并不是所有的标量值都在顶层。
这是我的配置：
import React from 'react'
import ReactDOM from 'react-dom'
import ApolloClient from 'apollo-boost'
import gql from 'graphql-tag'
import { InMemoryCache } from 'apollo-cache-inmemory'
i
浏览 3提问于2018-11-13得票数 0
我是新的反应/图形do /阿波罗，但我已经遵循了指南如何使用阿波罗在上进行图形do查询。然而，我似乎无法显示结果。
这是我正在执行的执行查询的代码
import React from "react";
import { useQuery } from 'react-apollo';
import gql from "graphql-tag";
const GET_PRODUCTS = gql`
query getProducts{
products(first: 1) {
edges {
node {
浏览 1提问于2020-08-25得票数 1
回答已采纳
我使用react-apollo来管理我的react应用程序中的客户端存储，所以没有后端graphql服务器。所有与apollo相关的东西都在客户端运行。我将所有UI状态存储在ApolloClient的缓存中。我还在客户端定义了所有的解析器。 下面是新建客户端实例的代码： new ApolloClient({
cache,
resolvers: {
Mutation: {
...cartResolvers,
},
},
typeDefs: [typeDefs]
}); 我读过这篇关于在apollo graphql变异和
浏览 17提问于2019-06-28得票数 0
1回答
我在试着从阿波罗高速缓存中获取数据。我知道数据在那里，因为在Apollo开发工具中，指定的记录是可用的。在我的react应用程序中，我做了一个简单的点击并设置Id，然后将Id传递给查询。从client.readQuery(...)得到的结果是null。我转来转去，因为我不知道为什么。我使用代码的方式与文档中的完全相同。
下面是一个查询：
export const RECRUIT_QUERY = gql`
query Recruit($id: ID!) {
Recruit(_id: $id) {
_id
firstName
}
}
`;
组件中ap
浏览 17提问于2021-06-07得票数 2
回答已采纳
根据这些Apollo ，设置all的error-policy应该使我的Apollo包装的React组件可以使用GraphQL响应的errors数组，“这样我的UI就可以使用它们”。我的应用程序是通用的，所以我使用这个策略是很重要的，这样错误就不会阻止应用程序完全渲染。
问题是，即使我的浏览器开发工具在服务器响应中显示了errors数组，我也无法在React组件的道具中访问它。类似地，props.data.error始终是未定义的。为什么会这样呢？
// Component
import React from 'react';
import { graphql } from &#
浏览 0提问于2017-12-06得票数 6
1回答
所以我在玩世博++瑜伽graphql服务器+阿波罗客户端，通过查询获取数据可以在浏览器中工作，当我在世博会上点击“”时，如果我试图在android模拟器/qr代码上从真实的手机上运行这个应用程序，它会引发网络错误。我在github上读过类似的文章和问题，所以我设法使我的graphql端点可以通过nat和非ip从“外部”到达。(所以这不是本地主机的问题)。下面是在console.log中抛出的错误(错误)：
网络错误:网络请求失败
* ApolloErrornode_modules/@apollo/client/apollo-client.cjs.js:681:35 in ObservableQ
浏览 0提问于2020-05-07得票数 0
2回答
当我运行时，我试图遵循并坚持创建npm run codegen --它被翻译成apollo client:codegen --target typescript --watch --它给了我以下错误：
Generating query files with 'typescript' target
→ Syntax error in file:///Users/anatoly/Documents/git/fullstack-tutorial/start/client/src/pages/launches.tsx: Syntax Error: Unexpected <
浏览 5提问于2020-07-05得票数 0
我将从上下文中获取用户，并在nextjs中的头中使用它，strapi，阿波罗图形，项目用户在App函数中是可访问的，但在它的外部给出了上面的错误。是上下文值可访问的外部函数，如果是，如何访问它，如果没有，如何构造它，以便我可以在请求头中使用它。
import "../styles/globals.css";
import Layout from "../components/Layout";
import { Provider } from "../context/AppContext";
import Cookies from "js-
浏览 5提问于2022-07-10得票数 2
我有一个用apollo客户端写的reason-react应用程序。我在前端定义了一些片段，基本上重用了一些字段定义。我正在为一个使用片段的组件设置自动化测试，但是我一直收到这样的警告，说我需要使用IntrospectionFragmentMatcher。 'You are using the simple (heuristic) fragment matcher, but your queries contain union or interface types. Apollo Client will not be able to accurately map fragments.
浏览 22提问于2019-09-19得票数 1
问题是：
您好，我已经在我的ReactJS应用程序上使用了一段时间的阿波罗客户端。我刚刚注意到，有时当我使用useQuery钩子时，执行完全忽略skip参数，而只是继续执行onCompleted (尽管没有任何数据)。有趣的是，它也不向我的端点发出API请求。但是，如果我只是将skip设置为false，那么一切都会正常工作(正如预期的那样)。
而且，这并不是我每次在skip中使用useQuery时都会发生的，它似乎在一些上有效，而在另一些上无效。
为什么apollo忽略skip参数，只使用空数据立即执行onCompleted？有没有修复方法(除了useLazyQuery)？
代码示例：
con
浏览 39提问于2020-05-20得票数 5
2回答
应用链接-rest集标头
、、、、
编辑:下面描述的问题是我使用的api的问题.跟阿波罗没什么问题。
我正在尝试使用apollo-link-rest，并在头中设置api-key。如果我尝试使用完全相同的api端点，并在Postman应用程序中将api键设置为标头，它的工作非常好。但对apollo-link-rest来说不是
import { AppContainer } from 'react-hot-loader';
import React from 'react';
import ReactDOM from 'react-dom';
import App from '
浏览 0提问于2018-10-03得票数 4
回答已采纳
我有大量的模板组件，它们在使用方式上彼此相似。在呈现到页面之前，模板组件被包装在graphql中并连接到redux。我想创建一个临时包装我的模板，这样我就不会每次创建一个新的容器来连接模板到数据。就像这样：
下面是我的页面组件，在这里我尝试用gqlList HOC包装模板：
import React from 'react'
import { AdminTemplate, AppointmentsListTemplate } from 'components'
import { gqlList } from 'containers'
import
浏览 2提问于2017-11-10得票数 1
回答已采纳
我有一个组件名为Graph.js代码，如下所示：
import React, { Component } from "react";
import { View, Text } from "react-native";
import ApolloClient from "apollo-boost";
import { ApolloProvider } from "react-apollo";
import Launches from "./Launches.js";
const client = new Apoll
浏览 1提问于2019-03-28得票数 6
1回答
在我发送了一个delete突变后，我在让React+Apollo更新商店时遇到了问题。我使用的是内置了apollo+react和express graphQL服务器的reactQL样板(我没有安装apollo服务器--我只是使用了reference express-graphQL包)。我的数据使用_id存储在mongoDB中，但是客户端上的实际数据使用id作为id。
apollo客户端的定义如下：
new ApolloClient(
Object.assign(
{
reduxRootSelector: state => state.apollo,
浏览 13提问于2017-08-25得票数 1
回答已采纳
我在大约20个测试中使用来自@apollo/react-testing的MockedProvider，每个单独的测试运行大约2.5秒，但是当它们一起运行时，其中一些随机需要6-8秒
我真的不能理解这一点，因为“慢”测试总是不同的，测试执行的顺序也总是不同的。
每个测试都有以下结构
import React from 'react'
import { MemoryRouter } from 'react-router-dom'
import { MockedProvider } from '@apollo/react-testing'
import
浏览 3提问于2019-11-22得票数 2
2回答
反应-阿波罗突变返回空反应
、、、、
我正在使用AWS Appsync，在这里，我希望从一个成功执行的突变中获得一个响应。当我在Appsync控制台中尝试安装时，我会得到一个填充的"data": { "mutateMeeting" }响应：
当我在自己的react应用程序中尝试同样的操作时，我可以在dynamodb数据库中看到，突变发生了，但是发生了反应--阿波罗没有返回突变响应。正如您在阿波罗开发工具中所看到的，"data": { "mutateMeeting" }是空：
我遗漏了什么？
相应的graphql模式读取：
input MeetingInpu
浏览 1提问于2018-08-20得票数 9
回答已采纳
在我使用Apollo2的项目中，我像这样导入了react-apollo依赖项：import { QueryProps } from "react-apollo"。 现在在Apollo3中，我在@apollo/client中找不到react，我在Apollo的documentation中用typescript看到，它像这样导入的节点模块‘“../ QueryProps _QueryProps/@ apollo /react-hoc”’没有导出的成员‘QueryProps’.‘。 那么如何将QueryProps依赖项导入到Apollo3中？
浏览 12提问于2021-04-02得票数 0
我正在构建一个带有Eslint设置的React应用程序。在我的应用程序中，我使用了GraphQL @apollo/客户端依赖项。
当我尝试做import { setContext } from '@apollo/client/link/context'的时候
我得到了一个eslint错误：
'@apollo/client/link/context' should be listed in the project's dependencies. Run 'npm i -S @apollo/client/link/context' to ad
浏览 225提问于2021-05-25得票数 3
3回答
当将react-apollo与redux一起使用时，来自服务器的数据将在redux存储区中的apollo键下缓存：
{
apollo: // results from Apollo queries
}
在创建自己的还原器和相应的状态树之后，您的存储可能如下所示：
{
apollo: { ... },
ui: {
selectedItem: 2;
showItems: 6
}
}
假设有一个操作可以更改ui.selectedItem的值，并且该值是隐藏在apollo对象中的某个项的索引。
有了，我们的ui状态的减速器将完全不能访问阿
浏览 7提问于2017-07-07得票数 1
回答已采纳
我一直在研究一些Graph /React/Relay示例，并遇到了一些奇怪的语法。
在图QL对象中定义字段时，使用了以下语法：
const xType = new GraphQLObjectType({
name: 'X',
description: 'A made up type for example.',
fields: () => ({
field: {/*etc.*/}
})
});
据我所知，这只是定义一个匿名函数并将其分配给xType.fields。该匿名函数返回包含字段定义的对象。
但是，我假设Graph模式机制起作
浏览 4提问于2016-12-11得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
