javascript - propTypes isRequired 约束在 react 中的误导行为

Question

我对 react (或者说网络技术)很陌生。我开始构建一个使用不同组件的应用程序。当我浏览文档时，我认为将 isRequired 放在 propTypes 中，会强制用户在使用组件时提供所有 isRequired 属性。

但是，在此示例中，即使我不传递 isRequired 属性，我也能够加载组件。

var PanelPreview = React.createClass({
    getInitialState: function(){
       return { captionIndex: 0 };
    },
    propTypes: {
       beforeSrc: React.PropTypes.string.isRequired,
       afterSrc: React.PropTypes.string.isRequired,
       captionTable: React.PropTypes.array
    },
});
module.exports = PanelPreview;

使用此组件的应用:

   React.render(
      < PanelPreview />,
      document.getElementById('main')
   );

我想限制组件的用户提供这两个值，否则会抛出某种错误。

Answer 1

Prop 验证失败目前不被视为严重错误。但是，控制台中会记录一条警告:

Warning: Required prop `beforeSrc` was not specified in `PanelPreview`.

这只发生在 React 的非生产构建中。在生产中没有任何记录。有关示例，请参阅此 fiddle http://jsfiddle.net/5mafp3eu/1/

已经讨论过让 React 快速失败以应对 prop 验证失败(请参阅下面的问题)，它似乎最终会发生，但我认为它还没有出现在任何路线图上。

• https://github.com/facebook/react/issues/1587
• https://github.com/facebook/react/issues/1753