React.PropTypes在函数组件中不起作用

Question

我正在测试ReactJS。一切正常，但React.PropTypes。这是代码：

   const MenuItem = (props) => {
    return (
        <li className="list-group-item">
            <span className="badge">{props.price}</span>
            <p>{props.item}</p>
        </li>
    )
}

MenuItem.propTypes = {
    price: React.PropTypes.number
};

当我向组件发送字符串时，没有任何警告或错误。与我使用的PropTypes没什么不同。

• Visual Studio代码
• ReactJS
• 巴别-独立

我的错误是什么？非常感谢

修改 即使我将PropTypes与React.Component一起使用，它也无法正常工作！

Answer 1

propType警告未在控制台中显示，因为您正在使用React的生成版本。它们仅以开发模式显示（未缩小的React导出）。

要清楚，这是不功能组件的问题 - propTypes可以在问题上设置。

Answer 2

如果要使用类属性，则应该使用类。

类MenuItem扩展了React.Component {...}

请参阅https://facebook.github.io/react/docs/react-component.html。