如何在 react-native 功能组件中应用 PropType？

【问题标题】：how to apply PropType in react-native functional component?如何在 react-native 功能组件中应用 PropType？
【发布时间】：2019-01-07 10:41:15
【问题描述】：

我正在尝试使用 PropType 验证道具，但我的 eslist 编译器显示错误，请参见图片

请纠正我这有什么问题？

【问题讨论】：

【解决方案1】：

代码的问题在于您使用的是PropTypes 而不是propTypes。注意小写的“p”

SubHeader.propTypes = {
    left: PropTypes.array,
    center: PropTypes.array,
    right: PropTypes.array,
 }

在验证 props 时与有状态组件没有区别

这是您想在validating props上阅读更多内容的链接

【讨论】：

【解决方案2】：

正如评论中提到的，问题我们字母的大小写。它的小写p。

SubHeader.propTypes = {
     left: PropTypes.array,
     center: PropTypes.array,
     right: PropTypes.array,   
 }

始终牢记这一点，我们是如何导入的：

import PropTypes from 'prop-types';

还有一个 github 问题 here 和 propType 文档 here

【讨论】：