共计 851 个字符，预计需要花费 3 分钟才能阅读完成。
父组件：
import React, {Component} from ‘react’;
import Child from ‘./chlid’;
class parent extends Component{
constructor(props) {
super(props);
this.state = {
txt0:” 默认值 0 ″,
txt1:” 默认值 1 ″
}
}
componentDidMount(){
}
parToson(){
this.setState({
txt0:” 哈哈哈哈 ”
})
}
sonToPar(e){
this.setState({
txt1:e
})
}
render(){
const style={
paddingLeft:”150px”
}
return(
<div style={style}>
<button onClick={this.parToson.bind(this)}> 传值给子组件 </button>
<div> 接受子组件的传值为：{this.state.txt1}</div>
<br/>
<Child message={this.state.txt0} getsonToPar={this.sonToPar.bind(this)}/>
</div>
)
}
}
子组件：
import React, {Component} from ‘react’;
class child extends Component{
constructor(props) {
super(props);
this.state = {
msg:” 啦啦啦啦 ”
}
}
componentDidMount(){
}
render(){
return(
<div>
<div> 接受父组件传的值为：{this.props.message}</div>
<button onClick={()=>this.props.getsonToPar(this.state.msg)}> 传值给父组件 </button>
</div>
)
}
}
export default child;
github：https://github.com/Rossy11/re…