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