代码之家 › 专栏 › 技术社区 › BorisTB

流式继电器的createFragmentContainer

relaymodern flowtype types reactjs

BorisTB · 技术社区 · 6 年前

我几乎不知道如何流式继电器的现代createFragmentContainer。

我知道了:

import { type RelayContext } from 'react-relay'

type Props = {
  relay: RelayContext
}

relay

组件导出方式如下:

export default createFragmentContainer(
  Foo,
  graphql`
    fragment Foo_session on Session {
      foo {
        id
      }
    }
  `
)

当我在其他组件中使用此组件时(例如 <Foo session={session} /> ),我将得到以下错误:

Flow: Cannot create 'Foo' element because property 'relay' is missing in props [1] but exists in 'Props' [2]

1 回复 | 直到 6 年前

denyzprahy 6 年前

@鲍里斯你没有 relay 在片段容器上,只在父容器上,这是您将展开此查询的地方。在那里,你将拥有 继电器 道具和你的类型。

Foo 组件,您可以键入传入的数据,这些数据将从父级传递。例如:

export default createFragmentContainer(
  Foo,
  session: graphql`
    fragment Foo_session on Session {
      foo {
        id
      }
    }
  `
)

你有一个 __generated__ 具有已编译查询权限的文件夹?所以你可以:

import type { Foo_session } from './__generated__/Foo_session.graphql';

type Props = {
  session: Foo_session
}

希望有帮助:)。

推荐文章

Terio · Typescript:使用变量的值创建自定义类型

2 年前

Kareem Adel · 创建函数类型(TypeScript接口)

3 年前

supercarp · 我在R中的数据帧显示,它包含值,但为空,并且对于除第一行以外的所有行,is\u null返回TRUE

3 年前

Oleksandr · 在java中,不同的数据类型如何依赖于操作系统?

3 年前

chili83 · Typescript:可以在类的私有属性中使用构造函数属性吗?

3 年前

Troskyvs · 映射比较函数导致运行时“bad\u function\u call”

3 年前

MatÄj VondrÃ¡Äek · 如何在c#方法中传递类型?

3 年前

Dave · Haskell:将积分转换为浮点(或浮点)。混合浮点数和整数

7 年前

kreo · 为什么&[T]参数也接受&Vec?

7 年前

Jiji · 将简单对象强制转换为简单的通用接口

7 年前