reactjs - `circle: (null : ?{ setNativeProps(props: Object): void })` 是什么意思

Question

我正在学习React Native。我试图理解代码 Here 。下面的代码片段对我来说似乎很奇怪。你能解释一下它的作用吗？

circle: (null : ?{ setNativeProps(props: Object): void })

我知道 if 语句如下:

blabla = (if-this-is-true) ? this-should-be-used : otherwise_this

但不知道圆圈是否是同一个东西。

Answer 1

它是Flow类型的注解。 Flow 是 JavaScript 的静态类型检查器 ( https://flow.org/ )。

?Type 语法意味着变量的类型是 Maybe 类型，因此它可以是 undefined、null 或接受提供的“Type”。例如，?string 表示string、null 或undefined。更多关于他的流程类型 here .

(null: Type) 语法是类型转换表达式 ( link )。使用类型转换表达式，您可以断言值是特定类型或将值转换为特定类型。

在你的问题中 (null : ?{ setNativeProps(props: Object): void }) null 将被转换为接受的 Maybe 类型:

• 具有方法 setNativeProps 的对象，将对象作为参数，不返回任何内容(void 类型)，
• 空，
• 未定义