React父子組件傳值的一些約束條件;
/*
父組件向子組件傳值的時(shí)候,我們對(duì)傳遞的值得類型是未知的(typeScript除外),在多人開發(fā)的時(shí)候,
未知的數(shù)據(jù)類型無疑會(huì)加重開發(fā)者的負(fù)擔(dān),所以React提供了一個(gè)數(shù)據(jù)類型校驗(yàn)的模塊prop-
*/
/*
在子組件中導(dǎo)入
*/
import PropTypes from 'prop-types';
/*
使用方式 在 構(gòu)造函數(shù),或者class外部定義;
*/
BookList.propTypes = {
name:PropTypes.string.isRequired, //必傳的參數(shù)
content: PropTypes.string,//字符串類型的參數(shù)
index: PropTypes.number,//數(shù)字類型的參數(shù)
deleteInput: PropTypes.func //函數(shù)
}
// 默認(rèn)
BookList.defaultProps = {
personName:"默認(rèn)名字" //薛定諤的參數(shù),不傳會(huì)以默認(rèn)值代替
}
** propTypes 不要跟PropTypes寫成一樣的了,propTypes 和 defaultProps 都是BookList的屬性**