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;