relay 相关问题

Relay是一个JavaScript框架,用于使用React视图层为Web应用程序提供数据层和客户端 - 服务器通信。

Apollo GraphQL 中继式游标分页不适用于缓存优先获取策略

为什么我下面的示例可以在 fetchPolicy“仅网络”下正常工作,但在“缓存优先”下却不能正常工作? 我正在使用 React、apollo-client 和“relay”风格的基于光标的分页。 pageSize = 50,我得到了 64...

回答 1 投票 0

FlatList 中的悬念

我正在使用 Relay 开发一个 React Native 应用程序。我在 ScrollView 中使用 FlatList,如下所示: ... 我正在使用 Relay 开发一个 React Native 应用程序。我在 FlatList 中使用 ScrollView,如下所示: <ScrollView> ... <Suspense> <FlatList /> </Suspense> </ScrollView> 我遇到了 ondEndReached 的问题(每次都会被调用),所以我转向了这样的事情: <FlatList ListHeaderComponent={...} ... /> 工作正常(onEndReached在必要时被调用),但是当我使用Relay时,我必须使用Suspense来添加旋转器/加载器,如果我将FlatList包裹在Suspense中将暂停所有组件(包括标题)而不仅仅是项目。 您对如何进步有任何想法吗?一种替代方法是使其在 FlatList 内的 ScrollView 工作,另一种方法是使其仅对 Suspense 中的项目在 FlatList 工作。谢谢! 当使用中继(或任何其他具有 Suspense 和 FlatList 的库)时,您可以在 Suspense 后备中复制列表头,假设它仅在初始渲染中挂起 - onEndReach 不应触发 Suspense。 const MyListHeader = () => <>{...}</> const MyList = (props) => <FlatList {...props} /> const Fallback = () => ( <MyList ListHeaderComponent={MyListHeader} data={[]} renderItem={() => null} scrollEnabled={false} /> ) const MyListWithRelay = (queryRef) => { const queryKey = usePreloadedQuery(MyQuery, queryRef) const { data } = usePaginationFragment(graphql`...`, queryKey) return ( <MyList {...} data={data.connection.edges} /> ) } const Screen = (queryRef) => ( <Suspense fallback={<Fallback />}> <MyListWithRelay queryRef={queryRef} /> </Suspense> )

回答 1 投票 0

如何拥有同一顶级片段容器的多个同级实例?

我正在遵循本指南:https://relay.dev/docs/en/quick-start-guide#composition-fragments 我正在尝试创建一个更高级别的片段容器,用于从 RootQuery 查询数据: 导出常量

回答 2 投票 0

是否可以在 Node 模块的编译发行版中输出简化的 Typescript 类型

我正在尝试在 *.d.ts 打字稿文件中创建更简化的输出,这些文件包含在我的模块代码的捆绑版本中。这些文件是通过涉及

回答 1 投票 0

如何通过GraphQL联邦实现Relay节点查询

我们正在尝试通过 Apollo 联邦实现 Relay 节点查询。由于Apollo不知道Relay,所以我们必须在某些服务(节点解析服务)中实现节点查询 接口节点...

回答 3 投票 0

Relay和Apollo Client都可以用吗?

我正在使用 Next.js 开发一个前端,其中将从 GraphQL API 端点处理 GraphQL。 Hasura 被用作后端。 我的一位同事告诉我,一些开发人员使用 Relay alon...

回答 0 投票 0

用React实验中继片段。属性'" $fragmentRefs"'丢失。

详情 我正在尝试用并发模式和继电器进行反应实验。我从来没有使用继电器之前,有一个有点困难的时间让一切工作,但是,我几乎没有。当...

回答 1 投票 1

我的节点id的base64哈希值与我的期望值不同。

我正在使用 graphql-go 库和 graphql-gorelay。我试图为我的API写一些基本的测试,但在base64编码机制上遇到了一些问题。当我执行一个简单的...

回答 1 投票 0

react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.createRoo。

当使用react-dom,react-relay和react的实验版本时,我得到了像react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.createRoo这样的错误类型Error: useTransition不是一个函数或它的 ...

回答 1 投票 0

Azure webhttprelaybinding授权问题

我偶然发现了恼人的天蓝色wcf http中继问题,我似乎无法解决。当我将安全性RelayClientAuthenticationType设置为RelayAccessToken,...

回答 1 投票 0

graphql-go / relay-我的节点ID的base64哈希值不是我期望的值

我正在使用graphql-go库和graphql-go / relay。我正在尝试为我的API编写一些基本测试,并且在使用base64编码机制时遇到了一些麻烦。当我执行一个简单的...

回答 1 投票 0

如何处理基于光标的分页中的先前元素的删除?

假设我具有以下对象列表:[{id:1},{id:2},{id:3},{id:4}]并且为简单起见,假设我要显示每页2个元素。我可以通过...

回答 1 投票 0

使用'relay-test-utils'测试反应组件

我使用React with Relay / NextJs创建了一些组件,我阅读了应用测试的文档:https://relay.dev/docs/en/testing-relay-components,我曾尝试为创建测试。 ..

回答 1 投票 1

无法在React Relay GraphQL Typescript解构中获取数组元素类型

中继为查询生成以下类型:导出类型graphqlEventsQueryVariables = {查询:字符串; };导出类型graphqlEventsQueryResponse = {只读事件:ReadonlyArray

回答 1 投票 -1

切换除一个按钮外的所有输出

平台是Arduino。想象一下,在六个不同的引脚上有六个按钮,在另外六个引脚上有六个BJT,它们驱动六个继电器线圈。每个按钮都向微控制器发出信号,以切换...

回答 1 投票 0

在Relay.js中,什么是“客户端突变标识符”?

[在此处的中继文档中,它说:中继使用通用的模式进行突变,其中突变类型的根字段具有单个参数,输入,以及输入和...和]]

回答 1 投票 1

开启蠕动泵继电器x间隔,以毫秒为单位

这是我在arduino中的第一个代码。我试图为我的花园建立一个简单的浇水自动化系统。该代码包含3个主要功能,即:给肥料箱加水。添加...

回答 1 投票 0

当我的GraphQL模式在运行时由后排(在其自己的容器中)自动生成GraphQL模式时,如何作为脱机构建步骤运行中继编译器?

我正在构建一个其文件结构如下所示的Web应用程序:db / Dockerfile init / 00-init.sql graphql / Dockerfile应用程序/ Dockerfile package.json bin / www public / ...

回答 1 投票 0

如何在GraphQL(中继)中查询和改变数组类型?

我是GraphQL / Relay的新手,我对一个小项目有疑问。我有一个包含“数组”类型字段的文档集合。请告诉我使用哪种类型的GraphQL来处理...

回答 1 投票 0

[将片段组成查询时无法使用useLazyLoadQuery`获取正确的数据

< [ 您不能在父级中记录片段数据对象。该数据属于定义片段的组件。为了提高性能,中继需要知道为子组件获取了此数据,但父组件不需要知道实际的数据对象是什么。您只需要将数据传递到其组件,然后就可以将其记录在子组件中。 const data = useLazyLoadQuery<brandQuery>( graphql`query brandQuery { ...brand_autoBrands } `, { first: 10, }, { fetchPolicy: "network-only", } ); data && <Brand autoBrands={data} />

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.