来自docs https://reactjs.org/docs/typechecking-with-proptypes.html:
当为 prop 提供无效值时,JavaScript 控制台中将显示警告。出于性能原因,仅在开发模式下检查 propTypes。
如果您运行的项目不处于开发模式,则您看不到该警告。
请参阅下面的更新:此外,PropTypes 不会引发错误,但会显示警告。请务必检查控制台中的警告。您可能选择仅显示错误。
另外,请务必从“prop-types”导入 PropTypes 以使用 PropTypes:
import PropTypes from 'prop-types'
如果上述事情得到保证,并且您仍然没有在控制台中看到警告,那么您有可能在字符串中传递布尔值:
<LoginPage login_form="true" />
Or,
<LoginPage login_form={'true'} />
确保传递布尔值,如下所示:
<LoginPage login_form={true} />
注意:如果你想传递真实值,你可以像这样传递 props:
<LoginPage login_form />
现在,拥有login_form: PropTypes.string
会向您显示警告。
Update:
虽然反应文档说它会抛出警告,但我刚刚验证它实际上会在没有应用程序保留的情况下抛出错误。但该消息的开头是Warning:
。因此,请务必检查error在控制台中没有警告。
或者,您可能一定要检查一下default
.