父组件
import React, {Component} from "react";
import ParentChild from "./component/ParentChild/index"
export default class App extends Component{
showData = (data) =>{
console.log(data)
}
render() {
return (
<div className="App">
{}
{}
<ParentChild myFunc={this.showData} data="父给子的数据"></ParentChild>
</div>
);
}
}
子组件
import React, {Component} from 'react'
import PropTypes from 'prop-types'
export default class ParentChild extends Component {
static propTypes = {
myFunc:PropTypes.func.isRequired
}
testClick = (event) => {
const data = {str: "子给父的数据"}
this.props.myFunc(data)
}
render() {
console.log(this.props.data)
return (
<div>
<button onClick={this.testClick}>数据传给父组件</button>
</div>
)
}
}