React复习笔记04

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的属性**

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容