[英]access child component state in parent component in react-native
我在本地組件中導入了react-native內的Searchbar組件,
SearchBar子組件具有以下元素:
<Search
ref={component => this._search = component}
onChangeText={this.searchUpdated}
blurOnSubmit
useClearButton={false}
backgroundColor='#15A5E3'
/>
searchUpdated(term) {
return new Promise((resolve, reject) => {
this.setState({ searchTerm: term });
resolve();
});
}
是否可以在其導入父級中訪問此子級組件的狀態? 在此先感謝您的幫助
您可以設置任何react組件的“ ref”屬性,然后在Parent組件內部,可以從子級訪問任何方法,如下所示:
this.refs.child.childMethod()
一個例子:
子組件
class ChildComponent extends Component {
getState() {
return this.state
}
render() {
return <Text>I'm a child</Text>
}
}
父組件:
class ParentComponent extends Component {
manipulateChildState() {
let child = this.refs.childRef.getState()
// do something here
}
render() {
return <Child ref='childRef' />
}
}
只需記住在this.refs.REFERENCE和道具ref ='REFERENCE'上使用相同的String
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.