reactjs - 对于 PropTypes 中描述的未定义的 props，使 React 产生错误而不是警告

Question

我的组件有以下定义:

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types';

class MyElement extends PureComponent {

    static propTypes = {
        myField: PropTypes.object.isRequired,
        //...
    };


    render() {...}
}

export default MyElement

问题是我最终在控制台中收到警告，说

Warning: Failed prop type: The prop onChange is marked as required in SimpleSelect, but its value is undefined.

相反，我想让React在运行npm start命令时产生错误消息。是否可以 ？或者我必须使用完全不同的方法来实现这一目标？

Answer 1

myfield:Proptypes.objectOf (function(propValue, key, componentName, location, propFullName) {
    if (!/matchme/.test(propValue[key])) {
      return new Error(
        'Invalid prop `' + propFullName + '` supplied to' +
        ' `' + componentName + '`. Validation failed.'
      );
    }
})

您可以使用这样的验证器函数来显示错误。请查看reactjs文档。