问题标签 [urql]

我正在使用 react、nextjs 和 typescript 开始一个项目，我正在尝试向我的后端提交一个表单，但是当尝试使用该函数来调用使用 @urql-codegen 生成的函数时，我收到以下警告，formik .esm.js:925 警告：从 submitForm() 捕获到未处理的错误错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一而发生：

1. 你可能有不匹配的 React 版本和渲染器（例如 React DOM）
2. 您可能违反了 Hooks 规则
3. 你可能在同一个应用程序中拥有多个 React 副本

和查询，但查询不会触发

我的错误可能在哪里我不知道该怎么做

下面的代码

我正在尝试设置一个订阅者来记录一些关于创建新Message.

目前使用 Urql，后端使用 ApolloServerExpress。

我从useSubscription登录到控制台的方法中收到错误消息：

我确定我的后端工作正常，因为我可以使用 Graphiql 操场进行订阅。就前端而言，我几乎完全按照 Urql 文档中的示例进行操作。

WS客户端：

订户交换：

消息列表组件：

...

在我们的一个项目中，我使用 urql 进行 graphql api 调用。在其他使用 RESTful api 的项目中，我使用 redux 来处理每次数据更改后的重新渲染。

我是 graphql 和 urql 的新手，对于这种情况，我应该使用从 urql 获取的新数据添加 redux 和调度操作，或者是否有任何技巧可以将其他组件连接到缓存的 urql 数据并使用它们？

另外，我检查了主要文档，但没有找到任何解决此问题的方法。

谢谢

我有一个符合规范的 ECMAScript Observable，特别是来自wonka library。我正在尝试将这种类型的可观察对象转换为 rxjs 6 可观察对象，但没有运气。

rxjs 5似乎可以做到这一点。我试过这个：

我在浏览器中收到此错误：

然后这个：

在“可视代码”对话框中。

我可以通过这样做将其转换为zen-observable ：

但是，zen-observable不是一回事，并且不允许我使用所有rxjs方法等......

如何将其转换为rxjs observable？

谢谢J

我正在构建一个 Web 应用程序，其中包含一组用户可以更改的设置以及一些使用 GraphQL 从服务器获取的列表。如果用户登录，我想将设置存储在数据库中以及全局状态。如果用户未登录，我只想在全局范围内存储数据，而不是对后端进行任何调用。

我目前正在使用 Redux-Toolkit 进行状态管理，但它不会缓存结果。列表和每个列表项内容可能非常大，因此缓存绝对是一个好主意。我该怎么做呢？我正在考虑某种中间件，它检查用户是否经过身份验证，并基于此对后端进行调用。但是我还没有找到合适的技术栈。Apollo Client 似乎有一个巨大的包大小，但它可以同时处理两种状态，Redux 没有缓存，但它的工具包很受欢迎且易于使用，urql 似乎正在下降，看看它的下载统计信息，然而它更小，并且提供了 Apollo Client 可以做的很多事情。有没有办法优雅地处理这个问题？

我想在组件之间共享从后端获取的状态，就像我使用 redux 一样。具体来说，一旦用户登录，他得到的响应包括设置、通知和最近的帖子。如何使用 urql 将它们分布在组件之间？我想避免在单独的请求中获取所有这些数据

我目前正在研究此处找到的 urql+react 教程，同时还将 graphQL API 调用添加到我自己的应用程序中。

在本教程中，提供了以下代码来向服务器发送查询并根据结果呈现组件

当我自己实现本教程时，此代码运行正确，但是当我尝试将此确切代码添加到我自己的应用程序时，我收到以下错误

我进行了三次检查，以确保所有必要的 urql 和 graphql 依赖项都安装在我的应用程序中，所以我不确定是什么导致了这个问题。

我正在尝试改用 urql offlineExchange。

收到以下错误：

我正在尝试遵循离线支持文档（离线支持。

index.js：

I get this error at (ChangePassword) in export default withUrqlClient(createUrqlClient)(ChangePassword):

Argument of type 'FunctionComponent<{ token: string; }> & { getInitialProps?(context: NextPageContext): { token: string; } | Promise<{ token: string; }>; }' is not assignable to parameter of type 'NextComponentType<PartialNextContext, {}, {}>'. Type 'FunctionComponent<{ token: string; }> & { getInitialProps?(context: NextPageContext): { token: string; } | Promise<{ token: string; }>; }' is not assignable to type 'FunctionComponent & { getInitialProps?(context: PartialNextContext): {} | Promise<{}>; }'. Type 'FunctionComponent<{ token: string; }> & { getInitialProps?(context: NextPageContext): { token: string; } | Promise<{ token: string; }>; }' is not assignable to type 'FunctionComponent'. Types of parameters 'props' and 'props' are incompatible. Type 'PropsWithChildren' is not assignable to type 'PropsWithChildren<{ token: string; }>'. Property 'token' is missing in type 'PropsWithChildren' but required in type '{ token: string; }'.ts(2345)

Here is the code: