Apollo错误-链接捕获错误并呈现自定义React组件
Apollo错误是指在使用Apollo Client进行GraphQL数据管理时，出现的链接捕获错误并呈现自定义React组件的情况。
Apollo Client是一个强大的GraphQL客户端，用于在前端应用程序中管理数据。它提供了一套工具和功能，使开发人员能够轻松地与GraphQL服务器进行通信，并将数据集成到应用程序中。
链接捕获错误是指当Apollo Client与GraphQL服务器进行通信时，可能会出现网络错误、服务器错误或其他错误。为了更好地处理这些错误，Apollo Client提供了一种机制来捕获和处理这些错误，并呈现自定义的React组件来展示错误信息。
自定义React组件是开发人员根据应用程序的需求和设计，自行编写的React组件。通过使用自定义React组件，开发人员可以根据自己的需求来展示错误信息，例如显示错误提示、提供重试按钮等。
在处理Apollo错误时，可以使用Apollo Client提供的ErrorLink来捕获错误。ErrorLink是Apollo Client的一个链接，用于捕获GraphQL请求过程中的错误。开发人员可以在ErrorLink中定义自定义的错误处理逻辑，并在出现错误时呈现自定义的React组件。
以下是处理Apollo错误并呈现自定义React组件的一般步骤：
- 创建自定义的React组件，用于展示错误信息。可以根据应用程序的需求设计错误提示、重试按钮等。
- 在Apollo Client的配置中，使用
ErrorLink来捕获错误。ErrorLink可以通过onError选项来定义错误处理逻辑。 - 在错误处理逻辑中，根据错误类型和错误信息，决定是否展示自定义的React组件。可以使用React的状态管理来控制自定义组件的显示与隐藏。
- 在自定义React组件中，可以提供重试按钮等交互元素，以便用户可以尝试重新发送GraphQL请求。
通过以上步骤，开发人员可以实现在Apollo Client中捕获错误，并根据需要展示自定义的React组件来处理错误情况。
腾讯云提供了一系列与云计算相关的产品，其中包括与Apollo错误处理相关的产品。具体推荐的产品和产品介绍链接地址可以根据实际需求和腾讯云的产品文档进行选择。
相关·内容
1回答
我有一个应用程序，它使用next.js和阿波罗/图形库，我正试图完全理解getInitialProps生命周期挂钩是如何工作的。
在我的理解中，生命周期getInitialProps被用来设置一些初始的道具，这些道具将在应用程序第一次加载时呈现服务器端，这些支持可以用于从数据库中预取数据，以帮助SEO或简单地提高页面加载时间。
我的问题是：
每次我有一个query组件在我的应用程序中获取组件中的一些数据时，我是否必须使用getInitialProps来确保数据将被呈现在服务器端？
我的理解也是，getInitialProps只在页面索引组件(以及_app.js中)中工作，这意味着组件树
浏览 1提问于2019-05-16得票数 9
回答已采纳
2回答
基于盖茨比的阿波罗认证
、、、、
我正试图像以前在其他项目中一样，实现中正式描述的身份验证工作流，但这次使用的是Gatsby。
这个想法似乎很简单。需要创建/更新gatsby-browser.js，就像使用时一样，但需要初始化ApolloClient并通过ApolloProvider。
类似于：
import React from 'react'
import { Router } from 'react-router-dom'
import { ApolloProvider } from 'react-apollo'
import { ApolloClient } from &
浏览 0提问于2018-05-30得票数 2
我正在使用react-apollo构建一个react原生应用程序。我无法处理graphql错误。我试过一些方法，但不起作用。如何捕获graphql错误？这是我的代码；
export default compose(
graphql(UpdateCounter, {
options: {
fetchPolicy: 'cache-and-network'
},
props: (props) => ({
appSyncUpdateCounter: (post) => {
props.mutate({
浏览 0提问于2018-06-19得票数 0
1回答
寻求建议:最大更新深度超过的原因
、、、、
我是第一次接触React和GraphQL。尝试使用GraphQL订阅源更新React状态，但生成更新深度错误。
以下是简化的代码：
import { Subscription } from 'react-apollo';
...
function Comp() {
const [test, setTest] = useState([]);
const Sub = function() {
return (
<Subscription subscription={someStatement}>
{
r
浏览 0提问于2020-02-24得票数 0
我有一个使用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
1回答
我得到了标题上声明的错误，我不确定如何摆脱它，使我的应用程序正常运行。
我一直在试着解决这个问题，但还找不到解决方案。我发现与我的错误相关的唯一一件事是这样的：“你不能在React Native中使用文档，你可以在菜单后面创建一个背景，然后在按下背景时可以隐藏它。”法耶德写的。虽然这似乎是我的答案，但我不确定如何创建那个背景。下面是我的代码：
import React from 'react';
import ReactDOM from 'react-dom';
import {Route, Link, BrowserRouter as Router} from
浏览 10提问于2019-10-30得票数 2
这是我的代码文件。
import React from 'react'
import { gql } from 'apollo-boost'
import { Query } from 'react-apollo'
const CATEGORY_QUERY = gql`Some query here`
const handleOnCategoryTouch = (id) => {
//Again call the query
}
const Home = () => (
<Query
query={CATE
浏览 0提问于2018-04-03得票数 0
回答已采纳
上下文
这个问题与我的另一个问题，有关，但是我会尽量保持这个孤立，因为我只想把这个问题集中在Nuxt (减去阿波罗)上。但是，我决定单独问这个问题，因为我正在寻找一个完全不同的响应/解决方案。
问题
我目前正在维护一个生产Nuxt/Vue应用程序，它使用@nuxt/apollo模块来发出GraphQL请求。
问题是，我们所依赖的GraphQL服务器不时会出现故障，并返回一个HTML页面，该页面会导致阿波罗客户端崩溃。但是因为我们将阿波罗作为一个nuxt模块加载，所以它也会导致页面呈现管道崩溃。给我们一个通用的服务器错误页面，它看起来像这样；
服务器错误--应用程序中发生错误，无法为
浏览 5提问于2021-02-03得票数 11
回答已采纳
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
回答已采纳
试图了解useQuery是如何在后台执行的。首先呈现Booklist组件时，调用booklist函数，调用usequery钩子，将加载设置为true，并开始在后台执行graphql请求。当它从服务器检索响应时，它更新属性，并且组件再次被重新命名，函数BookList将从开始时再次被调用。当useQuery再次被调用时，会发生什么情况?它是提出另一个请求，还是从缓存中获取数据？它怎麽工作。
粘贴下面的代码
import React, { Component } from 'react';
import { graphql } from 'react-apollo'
浏览 4提问于2020-05-16得票数 3
回答已采纳
2回答
我一直在查看Apollo文档，但我没有看到有关如何在Apollo客户端中处理服务器错误的信息。
例如，假设服务器有以下两种情况：
超时变得无法访问意外失败
在客户端应该如何处理这个问题？Apollo当前失败，错误如下：
未处理(在react-apollo中)错误: GraphQL错误:无法...
我希望避免这种情况发生并处理这些错误。我如何使用React Apollo做到这一点？
参考：
我目前使用的是React-Apollo和Redux。
浏览 23提问于2017-04-27得票数 17
回答已采纳
1回答
我试着在顶层捕捉一些错误，以显示世界上最漂亮的错误页面。
由于某种原因，我看到我的节点断开了，但是错误边界从不触发。
import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import ApolloClient, { gql } from 'apollo-boost';
const client = new ApolloClient({ uri: "/graphql" });
const query = gql`
浏览 6提问于2020-02-19得票数 0
回答已采纳
我正在尝试使用react中的表单输入来使用graphql和apollo过滤我的mongodb数据库。我有后端设置和工作。除了我不能在apollo查询中访问我的数据之外，我的前端大部分都在工作。不确定我错过了什么，所以不确定要问的确切问题。我只是在做一个搜索或查询，而不是一个突变。我的React应用程序中有3个组件，我正在使用styled-components。我只想捕获表单输入数据并将其存储在apollo查询中以供使用。我想调用<h1>{data.herb.name}</h1>并从我的apollo服务器获取数据对象。
我知道这是一个完整的问题，所以如果你不能帮助，也许你
浏览 4提问于2018-09-08得票数 0
回答已采纳
1回答
我已经用GraphQL安装了我的。一旦我启动了新的项目，并按照graphql的设置使用了react本机，我就得到了这个错误。
ApolloProvider没有被传递给客户端实例。确保你通过客户端通过你的客户。
我从上到下一直跟踪这个。
apollo.js
import {HttpLink} from 'apollo-link-http';
import {ApolloClient} from 'apollo-client';
import {InMemoryCache} from 'apollo-cache-inmemory';
con
浏览 0提问于2019-10-31得票数 4
我在reactJS/graphQL-应用程序中使用react-apollo。有时我确实需要对多个部件进行相同的突变。那么，在调用突变后，使用突变和更新数据的最佳方法是什么？
我是应该将突变注入顶层组件并将其传递给所有的孩子(示例2)，还是应该在需要的地方注入突变(示例1)？
通过示例1，可以更容易地在突变调用之后更新现有数据，而传递父组件的doMutation()-function会使更新mor变得更加复杂。
示例1(多次注入)
父级
import React, { Component } from 'react'
import { graphql } from 'r
浏览 3提问于2020-01-04得票数 1
回答已采纳
在我的React应用程序中，我在ApolloProvider中有下面的index.js设置。连接到阿波罗服务器很好。
import { React } from 'react';
import * as ReactDOM from 'react-dom/client';
import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
import App from './App';
import { createHttpLink } fro
浏览 11提问于2022-07-09得票数 3
回答已采纳
1回答
我想在我的apollo react应用程序中添加错误处理。我在检查错误
export enum ERROR_CODES {
ERROR_USER_NOT_EXIST = "ERROR_USER_NOT_EXIST"
}
export const getErrorMessage = (error: string): string | null => {
switch(error) {
case ERROR_CODES.ERROR_USER_NOT_EXIST:
return 'test error';
default:
浏览 10提问于2020-05-24得票数 0
回答已采纳
1回答
我对用react的graphql很陌生--appollo，我想使用redux和redux，服务器端渲染一切都很好，我的应用程序正在工作，但问题是，当我的应用程序呈现的时候，它实际上是再次回忆api，它没有使用我的呈现状态。
服务器.js
import express from 'express';
import bodyParser from 'body-parser';
import path from 'path';
import expressGraphQL from 'express-graphql';
imp
浏览 3提问于2017-06-21得票数 5
回答已采纳
在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
回答已采纳
根据这些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
我一直在阅读阿波罗文档，但我找不到任何关于如何在withApollo HOC传递的client属性发生突变后重新获取的示例。
我的组件：
import React, {Fragment} from 'react';
import gql from 'graphql-tag';
import { withApollo } from 'react-apollo';
...
const getPosts = gql`
{
posts {
_id
title
description
user {
浏览 1提问于2018-09-12得票数 1
我的http://localhost:3000/renewal有以下代码
import Link from 'next/link'
export default function Renewal() {
return (
<header>
<Link href="/">
<a>
Go to home page
</a>
</Link>
</header
)
}
我正在尝试在具有以下一般结构的_a
浏览 4提问于2021-07-27得票数 0
回答已采纳
嘿，伙计们，我对打字比较陌生，我希望我没有忽略一些明显的东西，这里。:)
我试图将阿波罗添加到一个类型记录项目中，以便能够使用GraphQL API中的数据。到我想要跟踪的医生那里。
我遇到的问题是，一旦我试图在我的ApolloProvider呈现方法中使用ReactDOM，类型记录就会抱怨(在ApolloProvider行)，并出现下面的错误。
it 2607:JSX元素类不支持属性，因为它没有“props”属性
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient }
浏览 0提问于2018-04-24得票数 4
您好，我正在尝试创建一个函数，当您单击产品页面上的添加到购物车时调用该函数。此函数位于一个单独的文件中，并被导入到产品页面中，名为onClick。但是，我收到这个错误，指出钩子调用无效。我做错了什么？
import {AuthContext} from '../context/auth'
import gql from 'graphql-tag'
import {Button} from 'semantic-ui-react'
import {useMutation} from '@apollo/react-hooks'
con
浏览 0提问于2021-04-03得票数 1
我对RASR18.0中的路由感到头疼，我使用的是react-router-dom v.5.0和Material 5.0。组件登录没有呈现，相反，"**CreateNotes**".呈现另一个组件 URL显示/login，并呈现组件"CreateNotes“。所有路线都是正确的。另外，当我单击另一个"/bancos"，("Banks")时，它会转到正确的路由"**CreateNotes**"，，但它仍然使用URL上的路由"/bancos"呈现相同的组件"/bancos"。好像在这条路上卡住了。
浏览 4提问于2022-05-29得票数 0
回答已采纳
2回答
在strapi服务器上为我的NextJs前端应用程序使用@阿波罗/react()过滤当前日期时间的数据。myComponent在_app.js之后呈现为子组件。
myComponent.js
import { useQuery } from "@apollo/react-hooks";
import { MY_QUERY } from "../apollo/queries/home/home";
export default () => {
let currentDateTime = new Date(Date.now());
let curr
浏览 0提问于2020-02-12得票数 0
我的<List.Item as={Link} to={/lists/${list.id}}>中有一个按钮，我想激活它，但as={Link}已经将整个灰色选择转换为一个锚标记；因此，当我单击该按钮时，它只将我链接到路由，而不是执行onClick删除功能。如何维护onClick删除<DeleteButton>的功能，但仍然允许List.item的其余部分(灰色部分)保持链接功能？
Profile.js (照片中的列表组件)
import React, { useContext } from "react";
import { useQuery }
浏览 2提问于2020-05-12得票数 1
回答已采纳
1回答
测试useSubscription钩子我发现有点困难，因为这个方法被省略了/没有记录在上(在写文章的时候)。想必，应该使用来自<MockedProvider />的@apollo/react-testing来模拟它，就像该链接中给出的示例中的突变一样。
测试订阅的加载状态，我已经工作了：
组件：
const GET_RUNNING_DATA_SUBSCRIPTION = gql`
subscription OnLastPowerUpdate {
onLastPowerUpdate {
result1,
result2,
}
}
`;
浏览 3提问于2020-04-29得票数 12
回答已采纳
我在浏览Apollo React hooks的文档。
我看到有两个查询钩子要使用，分别是useQuery和useLazyQuery
我在看这篇文章。
谁能给我解释一下，它们之间有什么区别，在什么情况下应该使用它。
浏览 8提问于2020-09-01得票数 17
回答已采纳
我正在使用阿波罗钩子(useQuery，useMutation)对反应组件进行单元测试，在测试中我使用阿波罗的MockedProvider模拟实际的查询。问题是，有时，我的模拟与组件实际进行的查询不匹配(或者创建模拟时输入错误，或者组件演化和更改一些查询变量)。当发生这种情况时，MockedProvided会向组件返回一个NetworkError。但是，在测试套件中，不显示警告。这是令人沮丧的，因为有时我的组件不处理useQuery返回的错误。这是因为我的考试，过去是通过的，突然默默地失败了，给了我一个很难找到原因的时间。
这是一个使用useQuery的组件示例：
import React f
浏览 9提问于2020-02-06得票数 10
回答已采纳
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
回答已采纳
下面是使用Apollo客户端的示例客户端代码。
我从nodemon express服务器上提供数据。
我的查询在graphiQL中运行良好。
import React from "react"
import { graphql } from 'react-apollo'
import gql from "graphql-tag";
const CounterpartyQuery = gql`
query data{
counterparty {
name
}
}
`;
浏览 0提问于2018-04-10得票数 0
1回答
我开始从阿波罗客户端2.x迁移到3.x测试版，我在使用阿波罗钩子和现在不推荐的查询/突变组件时遇到了困难。
我用的是包裹：
@apollo/client: 3.0.0-beta.4
@apollo/react-components: 3.1.3
在本例中，使用阿波罗钩子工作得很好，但是使用查询组件，我得到以下错误：
不变冲突无法在上下文中找到“客户端”，也无法作为选项传入。将根组件包装在via选项中，或将ApolloClient实例传递给via选项。
我创建了一个代码框，在这里显示了这个问题：
我认为问题在于我所使用的ApolloProvider的来源，但不确定如果我想使用新的测试版，可以从
浏览 5提问于2019-11-08得票数 5
回答已采纳
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
我正在使用一个定制的React钩子，它使用@apollo/client库来调用GraphQL API。
import {useMutation} from '@apollo/client';
export const useCreateAccount() => {
...
const {loading, error, data} = useMutation(query, options);
...
return [loading ,data, error];
}
在我的组件中，我调用我的自定义钩子：
import {useCreateAccou
浏览 4提问于2022-09-13得票数 1
2回答
我写了一个叫做阿波罗useQuery的钩子。这很简单：
useDecider：
import { useState } from 'react';
import { useQuery, gql } from '@apollo/client';
export const GET_DECIDER = gql`
query GetDecider($name: [String]!) {
deciders(names: $name) {
decision
name
value
}
}
`;
export co
浏览 0提问于2020-11-04得票数 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
回答已采纳
我有3个React.js项目，我试图将所有3个项目的重用组件合并到一个共享组件库中。
这个组件库托管在Github上，并通过package.json文件导入到所有3个项目中，如下所示：
"components": "github:myusername/components"`
然后，我可以像这样将组件从库导入到每个项目中：
import { Form } from "components"
但是，当正在导入的组件(在本例中是Form)使用阿波罗/图形an挂钩(useQuery，或useMutation)时，我会得到以下错误：
Uncaught I
浏览 4提问于2021-09-07得票数 3
2回答
我试图在Code中复制我的本地项目，但我发现了我的错误。在这些项目中，我要做的是在从Express + GraphQL服务器获取一些数据时，向加载程序显示一个旋转器，但是加载程序在加载数据时不会隐藏。
这是我获取数据的代码：
import React, { useEffect, useContext, useState } from "react";
import GlobalContext from "../../context/Global/context";
import gql from "graphql-tag";
import { u
浏览 6提问于2019-12-29得票数 0
回答已采纳
我有非常短的代码，在那里我试图使用，next.但是SSR在我的情况下不起作用，我还在打客户电话，也许有人能指导我。
我的阿波罗->
import withApollo from "next-with-apollo";
import ApolloClient, { InMemoryCache } from "apollo-boost";
import { ApolloProvider } from "@apollo/react-hooks";
export default withApollo(
({ initialState }) =
浏览 3提问于2021-04-09得票数 1
回答已采纳
1回答
我有一个React组件，它的类型基于运行时变量(isMock)，并且很难使TS声明正常工作：
组件要么是MockedProvider，要么是来自@apollo/client的ApolloProvider，它们有两个不同的道具声明。
const isMock: boolean = true // hardcoded for now...
const GraphQLProvider = isMock ? MockedProvider : ApolloProvider
const mockProps = { ... }
const realProps = { ... }
ty
浏览 2提问于2020-12-16得票数 0
回答已采纳
1回答
我正在使用React和Graphql运行一个应用程序。我收到以下错误：
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
运行以下代码时：
import React from 'react';
import ReactDOM from 'react-dom';
import { ApolloProvider } from 'react-apo
浏览 1提问于2018-03-05得票数 0
回答已采纳
请帮我解决这个错误:错误:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)，但得到: object。这是我的代码： index.js:
import ReactDOM from 'react-dom';
import './index.css'
import reportWebVitals from './reportWebVitals';
import ApolloProvider from './ApolloProvider'
ReactDOM.render(
<
Apollo
浏览 19提问于2020-12-15得票数 0
回答已采纳
我有一个反应项目，我正在使用Webpack (webpack-dev服务器)作为我的开发.
所有的东西都编译得很好，当我对我的文件进行修改时(这是第一次)，活的重新加载工作得很好。
但是，在更改同一文件两次(或更多)后，活动的重新加载将停止工作。在控制台上写着“没有什么改变”，即使我做了一个改变。
看起来webpack开发服务器的内存并没有带来变化。知道为什么吗？
Webpack Config
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin"
浏览 4提问于2021-12-15得票数 1
回答已采纳
1回答
我正在使用Downshift和react-apollo构建一个前面的React类型文本字段组件。作为用户类型，我正在查询前面的建议，并将它们显示在文本字段下面。
不幸的是，这种经历并不顺利。出于某种原因，阿波罗不时取消超过50 %的请求。
我还记录了使用graphql HoC包装的组件可以访问的响应数据。在所需的情况下，加载状态设置为false，数据可用。在不需要的情况下，加载状态被设置为true，没有可用的words数据。无论是否需要请求，后端每次都会执行。
不理想的情况
请注意networkStatus of 1。
理想情况
请注意networkSt
浏览 0提问于2018-05-11得票数 6
回答已采纳
我正在从事一个React项目，在该项目中，阿波罗客户端用于执行如下查询：
const client = new ApolloClient({
link: link,
cache: new InMemoryCache(),
});
client.query({ query: gql`{ hello }` })
但我看到的大多数例子都是这样的：
import gql from "graphql-tag";
import { Query } from "react-apollo";
const GET_DOGS = gql`
{
dog
浏览 0提问于2018-10-01得票数 0
回答已采纳
这是我的app.js
import React from 'react'
import { Provider } from 'react-redux'
import { View } from 'react-native'
import { createStore, applyMiddleware } from 'redux'
import ReduxThunk from 'redux-thunk'
import Reducers from './redux'
import Routes from
浏览 2提问于2019-09-20得票数 3
1回答
当试图设置输入元素的onChange状态时，我无法更改状态。React阿波罗组件需要一个返回一些JSX的子函数。在子函数中，this对象似乎正在被继承，但我无法让它真正改变。
如果我将<Mutation/>组件全部删除，那么一切都按预期的方式工作。有什么特别的反应-阿波罗组件或this对象与箭头函数的交互方式？
import React from 'react';
import gql from 'graphql-tag'
import { Mutation } from 'react-apollo';
import { extend
浏览 0提问于2018-04-10得票数 1
回答已采纳
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
