我正在尝试测试以下组件，但由于查询的onCompleted属性上的错误，在获取数据后无法在Jest中呈现它。我还有另一个组件，它本质上是相同的，但根本不使用onCompleted，也不会给Jest带来麻烦。以下是有问题的组件，为了简单起见，减少了一些代码：
import { trackProductListView } from "src/shared/components/a
浏览 11提问于2019-10-29得票数 0
拥有这样一个简单的useQuery isLoading, isError, data,在我的单元测试中，我希望从一开始就获得useQuery返回信息(这是我想这么做的原因，但这不是主题) before
浏览 2提问于2022-01-11得票数 -1
回答已采纳
2回答
如何将2个graphql查询与react-apollo-hooks结合使用，其中第二个查询依赖于从第一个查询中检索到的参数？我尝试使用2个查询，如下所示：
if (loadingO) { return &q
浏览 27提问于2019-08-20得票数 2
回答已采纳
我知道React中的固定规则之一是，您不能在函数组件的方法中执行任何挂钩，甚至不能在其他挂钩中执行任何挂钩，比如useEffect挂钩。它必须在组件本身的主体中执行。但这一次，我想用来自graphql查询的数据修改前一个屏幕上的信息，使用Apollo客户端提供的useQuery钩子。
我可以使用道具上的isFocused属性来检测上一个屏幕是否处于焦点状态。如果它发生变化，那么我将使用use
浏览 1提问于2020-03-16得票数 6
我正在使用react hooks和apollo client 3构建一个应用程序 正在尝试更新useQuery上的状态完成 以下是代码 const GET_POST_BY_ID_QUERY = gqltitle }`; const [{ title, body }, setPost] = useState({ title: '', body: '' });
onCompleted</
浏览 18提问于2020-10-21得票数 0
回答已采纳
2回答
我目前正在使用阿波罗客户端的useQuery和useMutation挂钩在几个不同的组件中执行相同的功能。我不想重复逻辑，而是创建一个可以将逻辑保持在一个位置的助手函数。问题在于，useQuery和useMutation是钩子，这意味着它们不能仅仅以函数的形式存在于单独的文件中，而是需要是有效的响应函数组件。我开始尝试使一些功能发挥作用，但我开始认为这可能是无法做到的。: props.handleUserFollow(user, isFollowing
浏览 0提问于2021-01-03得票数 2
回答已采纳
据我所读，当React挂载第一次调用useQuery的组件时，阿波罗会自动执行查询，如果我想响应某个事件执行该查询，我可以使用useLazyQuery来返回一个可以调用的函数。如果我想两者兼得呢？不太清楚我对function钩子的理解中的哪一部分是不正确的或不完整的，但我尝试在useQuery中使用useQuery，这肯定允许我调用该函数，但似乎并不总是在组件挂载上触发(更令人困惑的是，有时会触发我也在使用notif
浏览 9提问于2020-06-26得票数 1
回答已采纳
我在react function组件中有一个搜索状态。我所做的是： const handleSearch = (e) => { const {loading, data, error} = useQuery那么，另一种选择是什么，我如何使用它呢？是否可以将useQuery放在useEffect钩子中，该钩子将在搜索对象更新时重新获取数据？
浏览 33提问于2020-03-30得票数 1
回答已采纳
当一个useQuery钩子被触发时，我如何等待一个useEffect钩子完成？
我有一个相当复杂的功能组件，我正在触发一个useEffect挂钩，它的依赖关系来自一个祖父母功能组件。useQuery钩子和useEffect钩子都成功地工作了。但是，当触发useEffect钩子时，它不会等到查询完成后才执行useEffect调用的函数。失败的解决方案1:我尝试使用异步和等待，但当您使用返回等待时，您只是“包装”了一个承诺，即值再次被“包
浏览 5提问于2022-01-06得票数 1
Graphql提供useQuery钩子来获取数据。当组件重新呈现时，它将被调用。//mocking useQuery hook of graphql, which updates the data variable我正在使用我想要做的是，每当我从"stateOfValue“接收数据时，我想对数据执行一些操作，并将其设置为另一个状态变量useQuery，这是一个嵌套的对象数据。因此，这必须在us
浏览 2提问于2020-06-22得票数 0
回答已采纳
我正在尝试使用apollo graphql和drupal构建一个nextjs网站。 我可以获取页面，但当我尝试使用搜索组件查询我构建的页面时，我的请求会失败。loadSearch, {loading, error, fetchMore}] = useLazyQuery(SEARCH, { onCompleted编辑:这个错误仍然发生，即使我只修改为useQuery：
浏览 50提问于2021-09-30得票数 0
回答已采纳
我正在尝试使用Apollo-client来拉取我的用户信息，并坚持这个问题： 我让这个Container组件负责在呈现用户数据(而不是身份验证)时提取这些数据。容器发出请求const { data, refetch } = useQuery<Viewer>(VIEWER);，成功接收响应并将其保存在data属性中，我使用该属性读取.viewer并将其设置为当前用户当我尝试重新登录时，出现了这个问题: Call of refetch触发了gr
浏览 36提问于2019-09-22得票数 0
我正在使用React和阿波罗，我试图用使用useQuery钩子获取的数据初始化状态，但是在加载页面时，我得到了“无法读取未定义的属性‘映射’”。const { loading, error, data } = useQuery(FETCH_BLOGS);
const [state, setState] = useState(undefined)在状态设置为查询数据之前，该页似乎正在尝试呈现初始状态(undefined)。是这种情况吗？我认为使用useEffect可以解决这个问题<
浏览 2提问于2020-12-15得票数 3
2回答
在测试Apollo.When时，我遇到了问题--我尝试使用阿波罗和graphql查询，我想要响应返回错误和部分数据，所以我设置了属性错误策略：‘all’。但这不管用。我不知道为什么？救命啊！这里我的代码：const { loading，data，error} = useQuery(GET_DASHBOARD_DATA，{ errorPolicy:'all'，onCompleted：(res) =>
浏览 4提问于2021-05-22得票数 2
3回答
我正在尝试让useQuery hook和TypeScript一起工作。下面是我的问题 export const FETCH_LINKS = gql` feed { id: Maybe<User>;}; 在我的组件中，我将该类型应用于useQuery挂钩 const { data, loading, error } =
浏览 44提问于2020-06-29得票数 4
回答已采纳
我见过很多关于有条件调用钩子的讨论，为什么这是错误的，但是使用一个钩子返回的变量来向另一个钩子提供操作或数据有问题吗？使用graphql的示例：const { data } = useQuery(query, {onCompleted: (data) => form.setValues(data) })const { name } =
浏览 6提问于2022-10-15得票数 1
回答已采纳
1回答
我的团队开发了几个不同的React应用程序，它们共享类似的组件和页面。如何在不同的React应用程序中共享整个页面？假设这些页面在不同的层次结构中有大量的组件，并且每个应用程序都有自己的访问后端的实现？
我们使用React，React hooks，Redux，Saga。
浏览 9提问于2021-06-05得票数 1
1回答
export default function App() { onCompleted</div>}
我面临的问题是，当用户退出时，我无法完全清除商店。在我的signOut函数中，我调用了client.resetStore()，据我所知，client.resetStore()将重新获取活动查询，从而导致服务器响应未经授权的请求。我尝试过
浏览 3提问于2020-04-23得票数 0
回答已采纳
1回答
嘿，当我试图为useState函数编写测试时，它的循环出现了问题。在我使用的测试中 <HistoryRouter history={memoryHistory}> </HistoryRouter>这会导致无限循环，其中测试没有完成。下面是由上述测试呈现的
浏览 2提问于2022-07-22得票数 0
有一个奇怪的问题，将变量传递到useQuery挂钩。const GET_USER_BY_ID= gql``;const DisplayUser: React.FC<{ id: string }> = ({ id }) => { variables: { id },
return <div>{JSON.s
浏览 0提问于2020-02-12得票数 8
回答已采纳
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号