reactjs - 使用 isRequired 时，React PropType 不会出错

Question

我正在尝试学习 React，但 PropTypes 即使与 isRequired 一起使用也不会引发任何错误。我是不是做错了什么。

代码是这样的

<div id="root"></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script crossorigin src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js"></script>
<script crossorigin src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
<script type="text/babel">

    function SayHello(props) {
        return (
            <div>
                Hello {props.firstName} {props.lastName}!
            </div>
        )
    }

    SayHello.propTypes = {
        firstName: PropTypes.string.isRequired,
        lastName: PropTypes.string.isRequired,
    }

    ReactDOM.render(<SayHello />, document.getElementById('root'))

</script>

当 firstName 和 lastName 未发送时，这不应该抛出 error 或 warning 吗？

因此使这两个 Prop 与此类似。

<SayHello firstName="John" lastName="Doe" />

我的浏览器没有收到任何错误或警告。

Answer 1

这可能是 proptypes 的缩小版本的一些问题。

改变你的

https://unpkg.com/prop-types@15.6.2/prop-types.min.js

到

https://unpkg.com/prop-types@15.6.2/prop-types.js

您将收到警告 Failed proptype。