react PropTypes 与 DefaultProps

PropTypes 与 DefaultProps

 import React ,{ Component } from 'react';
 import PropTypes from 'prop-types';
 class TodoItem extends Component{
     constructor(props){
         super(props);
         this.handleclick=this.handleclick.bind(this);
     }
     render(){
         const { item,test }=this.props;
         return (
             <div>
                 <li
                 onClick={this.handleclick}
                    // /*dangerouslySetInnerHTML={{__html:item,test}}*/
                 >{item}-{test}</li>
             </div>
             )
     }
     handleclick(){
         const { deleteItem,index }=this.props;
         deleteItem(index);
     }
 }
 TodoItem.propTypes={    // 要求父组件传递给子组件相关的数据参数类型限制
     test:PropTypes.string.isRequired,
     item:PropTypes.arrayOf(PropTypes.number,PropTypes.string), //arrayOf指的传递参数要么是数字，要么是字符串
     deleteItem:PropTypes.func,
     index:PropTypes.number
 }
 TodoItem.defaultProps={ // 默认传递参数值
     test:'hello world'
 }
 export default TodoItem;