如何在反应原生功能组件中应用PropType？

Question

我试图用PropType验证道具，但我的eslist编译器显示错误，请参阅图像

请纠正我这有什么不对吗？

Answer 1

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

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

验证道具时，有状态组件没有区别

以下是您想要阅读有关验证道具的更多链接

Answer 2

正如评论中所提到的，问题是我们的信件。 它的小写p 。

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

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

import PropTypes from 'prop-types';

和GitHub的问题， 在这里和propType文档在这里