react 父组件调用子组件中的事件
Posted boonook
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react 父组件调用子组件中的事件相关的知识，希望对你有一定的参考价值。
import React, {Component} from ‘react‘;
export default class Parent extends Component {
render() {
return(
<div> <Child onRef={this.onRef} />
<button onClick={this.click} >click</button>
</div>
)
}
onRef = (ref) => {
this.child = ref
}
click = (e) => {
this.child.myName()
}
}
class Child extends Component {
constructor(props){
super(props);
this.state = {value: ‘‘};
}
componentDidMount(){
this.props.onRef(this)
}
myName = () => {
this.setState({value:‘boonook‘});
}
render(){
return(
<div>
我是子组件
<input value={this.state.value} type="text"/>
</div>
)
}
}
以上是关于react 父组件调用子组件中的事件的主要内容，如果未能解决你的问题，请参考以下文章