javascript - React 无状态组件和类型检查 React.PropTypes.element

Question

Typechecking guide描述

// A React element.
optionalElement: React.PropTypes.element,

这不适用于检查无状态组件(定义为函数)。

我正在使用

PropTypes.oneOfType([PropTypes.element, PropTypes.func])

但是它太冗长了，这并没有限制仅由无状态组件的函数输入。

做另一个PropTypes.<test>是否存在以匹配两种 React 组件？

Answer 1

无状态功能组件确实支持相同的类型检查机制。只需将 .propTypes 和 .defaultProps 设置为函数的属性。这是 official guideline或者你可以查看 somewhere like here供使用。

至于更高级的匹配，PropTypes.oneOfType() 应该就足够了，您还可以提供“自定义验证器”。两个选项都列在同一个 official typechecking guide 上现在。

如果您觉得语法冗长，使用 import {PropTypes as typeOf } from 'react' 别名可能会有所帮助。但是任何进一步的抽象/别名将超出 React 的能力，因为:

1. React.PropTypes.element 是受支持的特定于 React 的类型检查之一。
2. 缺少处理极端情况的标准方法。例如:我应该同意 JS typeof NaN === 'number' 还是将 NaN 视为无效输入？