react中父組件調用子組件的方法
最近項目中用到了react搪缨,需要在父組件中調用子組件的某個方法次氨,那么如何獲取到子組件的實例呢?
這里使用了回調艾凯,簡單實用昌犹,兼容低版本。
class Parent extends Component {
componentDidMount() {
...
}
forceRefresh() {
// 調用子組件的refresh()方法刷新览芳。
this.xxxChildView.refresh();
}
...
render() {
return (
<ChildView ref={(ref) => this.xxxChildView = ref} >
...
</ChildView>
);
}
子組件:
class ChildView extends Component {
componentDidMount() {
...
}
// 對外提供的刷新方法
refresh() {
...
}
...
render() {
return (
...
);
}
參考
1斜姥、https://react-cn.github.io/react/docs/more-about-refs.html#