需求
在子組件執(zhí)行某個操作的時候岸啡，需要其去調(diào)用父組件中的某個函數(shù)或者改變父組件中的某個參數(shù)锣枝。
子組件
export default class Child extends PureComponent {
static propTypes = {
onItemClick: React.PropTypes.func,
}
info = '子組件的內(nèi)容';
itemClick(index) {
// 可以將子組件中的某個內(nèi)容傳出給父組件
if (this.props.onItemClick) {
this.props.onItemClick(index);
}
}
render(){
return(
<TouchableOpacity
onPress={() => { this.itemClick(this.index); }}
style={styles.touchItem}
>
<Text >
點(diǎn)擊修改父組件內(nèi)容
</Text>
</TouchableOpacity>
);
}
}
父組件
export default class Father extends PureComponent {
_onItemClick(info) {
// 顯示index或者用子組件的參數(shù)改變父組件中的參數(shù)
console.log(info);
}
render(){
return(
<Child
onItemClick={this._onItemClick}
）;
}
/>
