import Observer from "./Observer"
引入時(shí)組件名必須是大寫(xiě)
1、父?jìng)髯?br>
當(dāng)子組件在父組件中當(dāng)做標(biāo)簽使用的時(shí)候,給子組件定義一個(gè)自定義屬性 值為需要傳遞的值
接收:在子組件內(nèi)部通過(guò)this.props進(jìn)行接收
2损同、子傳父
當(dāng)子組件在父組件中當(dāng)做標(biāo)簽使用的時(shí)候,給子組件定義一個(gè)自定義屬性,值為一個(gè)事件函數(shù) 這個(gè)函數(shù)用來(lái)接收子組件傳遞
過(guò)來(lái)的數(shù)據(jù)
傳遞:在子組件內(nèi)部通過(guò)this.props來(lái)調(diào)用這個(gè)事件函數(shù)值通過(guò)事件函數(shù)進(jìn)行傳遞
3、非父子組件傳值 用封裝Observer.js
需要傳值的一方調(diào)用Observer.on
React中如何定義默認(rèn)的外部數(shù)據(jù)
組件名稱(chēng).defaultProps = {
key:val
}
React中如何定義默認(rèn)的外部數(shù)據(jù)的類(lèi)型
cnpm install prop-types -S
import propType from "prop-type";
組件名稱(chēng).propType = {
key:propType.類(lèi)型
}
常見(jiàn)的類(lèi)型
optionalArray: PropTypes.array,
optionalBool: PropTypes.bool,
optionalFunc: PropTypes.func,
optionalNumber: PropTypes.number,
optionalObject: PropTypes.object,
optionalString: PropTypes.string,
optionalSymbol: PropTypes.symbol,