父组件
import React from ‘react‘;
import Tabs from ‘./tabs‘;
export default class FruitsList extends React.Component {
child() {
this.child.Alert(value)
}
// 子组件调用父组件的 setChild 方法,传入this( this就是子组件 )
setChild = (that) => {
this.child = that;
}
render() {
return (<div>
<Tabs setChild={this.setChild}></Tabs>
<button onClick={()=>{ this.child() }}><button/>
</div>);
}
}
子组件
import React from ‘react‘;
export default class Tabs extends React.Component {
Alert() {
alert("子组件的Alert方法调用")
}
//组件完成挂载调用父组件传过来的 setChildren(this) 这里的this 指向 Tabs 组件
render() {
return (<div>
我是子组件
</div>);
}
}
原文:https://www.cnblogs.com/liangziaha/p/14526819.html