Warum überprüft React meine propTypes nicht?

Question

Ich habe the official documentation und the npm package description für PropTypes gelesen.

Allerdings, wenn ich diesen Code ausführen,

const propTypes = { 
    foo: PropTypes.string.isRequired, 
    bar: PropTypes.number.isRequired, 
    umu: PropTypes.string 
}; 

const defaultProps = { 
    umu: "default value" 
}; 

class MyComp extends React.Component { 
    constructor(props){ 
     super(props); 
    } 

    render() { 
     return (
     <ul> 
      <li>foo is {this.props.foo}</li> 
      <li>bar is {this.props.bar}</li> 
      <li>umu is {this.props.umu}</li> 
     </ul> 
     ); 
    } 
} 
MyComp.propTypes = propTypes; 
MyComp.defaultProps = defaultProps; 

class MyWrapper extends React.Component{ 
    render() { 
     return (
      <div> 
       <MyComp bar="string and not a number"/> 
      </div> 
     ); 
    } 
} 

ReactDOM.render(React.createElement(MyWrapper, null, null), document.getElementById("app")); 

mein propTypes nicht überprüft werden, obwohl die erforderliche Eigenschaft foo nicht gesetzt ist und die Eigenschaft bar ist keine Zahl. Kann mir jemand sagen, was ich falsch mache? Hier ist die entsprechende CodePen.

Vielen Dank im Voraus.

Answer 1

Die Komponente wird auch dann gerendert, wenn die Validierung fehlschlägt, dies ist eher eine Warnung für den Entwickler, sodass Sie den Fehler auf der Konsole sehen würden. CodePen zeigt diese Warnungen jedoch nicht an, möglicherweise weil Sie die Produktionsversion von react verwenden? So oder so, das ist richtiges Verhalten.