父组件传子组件
import React, { Component } from 'react'
class Child extends Component{
render(){
return (
<div>
{this.props.name}
</div>
)
}
}
export default class App extends Component {
state={
name:"父组件的内容"
}
render() {
return (
<div>
<Child name={this.state.name}></Child>
</div>
)
}
}
子组件传父组件
import React, { Component } from 'react'
class Child extends Component{
state={
name:"子组件的内容"
}
render(){
return (
<div>
{this.props.getContent(this.state.name)}
</div>
)
}
}
export default class App extends Component {
render() {
return (
<div>
<Child getContent={this.getContent}></Child>
</div>
)
}
getContent=(data)=>{
console.log(data)
}
}