React父子組件傳值的一些約束條件;
/*
父組件向子組件傳值的時候,我們對傳遞的值得類型是未知的(typeScript除外),在多人開發(fā)的時候,
未知的數(shù)據(jù)類型無疑會加重開發(fā)者的負(fù)擔(dān),所以React提供了一個數(shù)據(jù)類型校驗的模塊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ù),不傳會以默認(rèn)值代替
}
** propTypes 不要跟PropTypes寫成一樣的了,propTypes 和 defaultProps 都是BookList的屬性**