react 父组件调用子组件方法
时间: 2023-06-22 09:28:21 浏览: 107
要让父组件调用子组件的方法,可以通过在子组件中定义一个ref,然后通过这个ref引用来调用子组件的方法。
比如,在子组件中定义一个ref:
```
class ChildComponent extends React.Component {
myMethod = () => {
// 子组件的方法体
}
render() {
return <div>子组件内容</div>
}
}
class ParentComponent extends React.Component {
constructor(props) {
super(props);
this.childRef = React.createRef();
}
handleClick = () => {
this.childRef.current.myMethod();
}
render() {
return (
<div>
<ChildComponent ref={this.childRef} />
<button onClick={this.handleClick}>调用子组件方法</button>
</div>
);
}
}
```
在父组件中,通过创建一个ref来引用子组件,然后在需要调用子组件方法的地方,通过ref调用子组件的方法。
阅读全文