说明
react中,最简单的就是子组件调用父组件的事件或者方法,下面直接列出代码。
// Parent.js
import React, { Component, Fragment } from 'react';
import Child from './Child';
class Parent extends Component {
handleClick() {
console.log("子组件调用父组件事件")
}
render() {
return (
<Fragment>
<button onClick={this.handleClick.bind(this)}>父级</button>
<Child handleClick={this.handleClick.bind(this)} />
</Fragment>
)
}
}
export default Parent;
// Child.js
import React, { Component } from 'react';
class Child extends Component {
subClick() {
const { handleClick } = this.props;
handleClick();
}
render() {
return (
<div onClick={this.subClick.bind(this)}>子级</div>
)
}
}
export default Child;