PropTypes与DefaultProps

文档连接：https://reactjs.org/docs/typechecking-with-proptypes.html

 PropTypes：就是用来验证组件实例的属性是否符合要求,PropTypes 告诉 React，这个 title 属性是必须的，而且它的值必须是字符串。

defaultProps ：方法可以用来设置组件属性的默认值。

import React,{Component} from 'react';
import PropsTypes from 'prop-types'; //引入

class todoitem extends Component{
    constructor(props){
        super(props);
        this.handleClick = this.handleClick.bind(this) 
    }

    render(){
        const { item, content } = this.props
        return (
        <li onClick={this.handleClick}>{ content }---{ item }</li>
        )
    }

    handleClick(){
        const { delitem ,index } = this.props
        delitem( index); 
    }
}
// propTypes当内容为空就不检测 ,添加isRequired就变为必填
todoitem.propTypes = {
    content:PropsTypes.string.isRequired,

        //oneOfType传入的值为括号中的其中一个

    item:PropsTypes.oneOfType([PropsTypes.number, PropsTypes.string]),

    delitem: PropsTypes.func,
    index: PropsTypes.number
}
//defaultProps配置默认值，当没有传入值就显示为设置的默认值
todoitem.defaultProps ={
    content:'没有传入值'
}
export default  todoitem;