在React中检查道具类型

Question

我正在阅读官方React文档中的React.Component部分。 除了关于propTypes的部分之外，一切propTypes 。 文档陈述如下：

在生产模式中，跳过propTypes检查以提高效率。

说我有以下代码：

class Sample extends React.Component {
    render() {
        return (
            <div>Hello {this.props.name}</div>
        );
    }
}

Sample.propTypes = {
    name: React.PropTypes.string
};

请问文档意味着在生产中对我的类型检查props将被跳过？ 如果是，我应该如何检查道具类型？

Answer 1

你根本不检查道具类型，React会为你做这件事。

但是，正如文档所说，只要您处于开发模式。 每个prop类型检查本质上是一个使用处理能力和内存的函数调用。

---

当你处于开发阶段时，知道你的一个道具有错误的类型使得这个成本值得权衡。

一旦你投入生产，你的应用程序应该已经足够彻底地测试，无论你的类型验证都不会失败。

出于这个原因，它们被跳过以使您的应用程序更有效率。

Answer 2

propTypes仅用于验证您当前的开发过程。 当缺少某些必需属性或属性类型与预期属性不匹配时，您将通过控制台日志收到通知。

无需在生产版本中验证此类验证。 缺少属性不会破坏渲染过程，它们只是以意想不到的方式渲染组件。 但请注意，当您需要访问“给定”对象的属性时，渲染过程将失败。

要控制此意外行为，您应声明默认属性。

但是，强烈建议使用propTypes对象并使用单元测试以避免意外的渲染行为。 坚持下去！