给类添加属性、设置默认属性值、属性类型绑定

使用时直接在标签中添加属性

<Person name="凤姐" tel="110"/>

类中

class  Person extends React.Component{
    //创建默认属性值建议写法
    static get defaultProps() {
        return{
            name:"周杰伦",
            tel:"13323232333"
        }
    }
    //创建属性类型建议写法
    static  propTypes = {
        name: React.PropTypes.string.isRequired,
        tel: React.PropTypes.string.isRequired
    }

    render() {
        const  {
            name,
            tel
        } = this.props;

        return (
            <span>
                <h1>name:{name}</h1>
                <h1>tel:{tel}</h1>
            </span>
        )
    }
}

//创建默认属性值第二种写法
//Person.defaultProps = {
//    name:"周杰伦",
//    tel:"13323232333"
//}

//创建属性类型第二种写法
//Person.propTypes = {
//        name: React.PropTypes.string.isRequired,
//        tel: React.PropTypes.string.isRequired
//}