React是否警告组件没有预料到的其他道具？

Question

如果我将prop bar传递给下面的组件，React会抛出警告/错误吗？

class MyComponent extends Component {
  ...
}

MyComponent.PropTypes = {
  foo: PropType.string,
};

Answer 1

不，它只会在你传递propTypes中定义的不具有预期类型的​​道具时发出警告。

如果你想得到关于此的警告，你可以使用包含验证器custom Airbnb implementation的prop-types包的forbidExtraProps。

您的示例代码中也有拼写错误。组件上的proptypes对象需要以小写的p开头才能使其工作：

MyComponent.propTypes = {
  foo: PropTypes.string,
};