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`.