React如何在父组件里面调用子组件的方法
在父组件中引用子组件时,给子组件定义ref='name'
,父组件通过this.refs.name
就可以调用子组件里面的方法,如果子组件是容器组件,则获取不到refs
属性
class Parent extends Component {
render() {
return (
<div>
<Child ref="child" />
<button onClick={() => this.refs.child.method()}>Click</button>
</div>
);
}
}
class Child extends Component {
method() {
console.log('父组件调用子组件方法成功');
}
render() {
return (
<h1>Hello</h1>
);
}
}
网友评论