React第二课

PropTypes:javaScript是一门弱类型的语言,为方便代码维护和测试,通过propType指明数据类型。当传入的类型和声明的类型不匹配时,控制台会主动报错。示例代码如下:

var MyTitle = React.createClass({

 propTypes :{ //指明数据类型

className:React.PropTypes.string,  

  title: React.PropTypes.string,

},   

 getDefaultProps : function () {

    return {      title : 'Hello World'    };  

}, 

 render:function(){    

return (<p>{this.props.title}<p/>); 

}

});

ReactDOM.render(,document.getElementById('example'));

当我传入的number类型的参数时会报如下错误。

react.js:18794 Warning: Failed propType: Required prop `className` was not specified in `MyTitle`.

react.js:18794 Warning: Failed propType: Invalid prop `title` of type `number` supplied to `MyTitle`, expected `string`.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容