父组件:
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;
来源:https://segmentfault.com/a/1190000016992970
版权声明
本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。



