PropTypes组件检查流中的等效项

Question

给定使用PropType的以下代码（请参阅本期）

const SomeComponent = ({comp}) => {...}

SomeComponent.propTypes = { 
  comp: PropTypes.shape({
    type: PropTypes.oneOf([SomeOtherComponent])
  })
}

使用流类型的等价物是什么？

我只知道：

const SomeComponent = ({comp}: {comp: React$Element<any>}) => {...}

使用这个作为参考，但这将允许comp成为任何React组件。

如何键入检查道具以确保它是使用Flow的特定React组件的实例？

Answer 1

从流量0.53开始，这可以使用React来完成。要素

Answer 2

简短回答：您不能。React元素是在运行时创建的，流只能使用通过自身静态分析获得的数据，而静态分析的功能不足以确定将用于在运行时创建React元素的组件类。这很复杂，主要是因为用于创建元素的组件类只能在运行时定义。允许Flow尝试确定元素的运行时类型将不可避免地使它运行在使用您想要的组件完全有效的情况下，但Flow不允许您这样做。

如果要检查组件道具的类型，请在运行时按照本问题中的说明进行检查。您可以通过使用一个指示“开发模式”的全局变量来禁用这种签入生产。例如：

 function elementIsOfType(element, typeName) {
   if (!__DEV__) {
     return true;
   }
   return element.type.displayName === typeName;
 }

然后，您可以将__DEV__变量设置为false来禁用所有运行时检查。