对PropTypes中所需的未定义道具进行React yield错误而不是警告

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

问题是我最终在控制台中发出警告，这样说

警告：失败的道具类型：道具onChange在SimpleSelect中被标记为必需，但其值为undefined。

相反，我想在运行npm start命令时发出React yield错误消息。可能吗 ？或者我必须使用完全不同的方法来实现这一目标？

Answer 1

myfield：Proptypes.objectOf（function（propValue，key，componentName，location，propFullName）{if（！/matchme/.test（propValue [key]））{return new Error（'无效道具' + propFullName + '提供给'+'' + componentName + '。验证失败。' ）; } }）

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