属性验证propTypes

一、propTypes介绍

用于验证父组件给子组件传值时是否符合子组件属性规范。

二、实际应用

1. 创建ShowTitle组件

   var ShowTitle = React.createClass({
     propTypes:{
       //验证title是不是字符串类型
       title: React.PropTypes.string.isRequired
     },
     render : function(){
       return <h1>{this.props.title}</h1>
     }
   });

   注意：title:React.PropTypes.string.isRequired定义为字符串类型
   
2. 展示

   ReactDOM.render(
     <ShowTitle title=123/>,
     document.getElementById("container")
   );

   注意：title=123是传的int类型，所以在界面上不会展示。要改成title="title"