React父子组件传值的一些约束条件;
/*
父组件向子组件传值的时候,我们对传递的值得类型是未知的(typeScript除外),在多人开发的时候,
未知的数据类型无疑会加重开发者的负担,所以React提供了一个数据类型校验的模块prop-
*/
/*
在子组件中导入
*/
import PropTypes from 'prop-types';
/*
使用方式 在 构造函数,或者class外部定义;
*/
BookList.propTypes = {
name:PropTypes.string.isRequired, //必传的参数
content: PropTypes.string,//字符串类型的参数
index: PropTypes.number,//数字类型的参数
deleteInput: PropTypes.func //函数
}
// 默认
BookList.defaultProps = {
personName:"默认名字" //薛定谔的参数,不传会以默认值代替
}
** propTypes 不要跟PropTypes写成一样的了,propTypes 和 defaultProps 都是BookList的属性**