做出反应父子组件间的传值的方法

父组件向子组件传值：

父组件：

从"反应"导入反应{组件};从""导入子项/chlid '；类父级扩展组件{构造器(道具){ super(道具)；this.state={ txt0: '默认值0 '，txt1: '默认值1 ' } } component dimont(){ } ParToson(){ this。setstate({ txt 0: '哈哈哈哈})} sonToPar(e){ this。setstate({ txt 13360 e })} render(){ const style={ padding left 3360 ' 150 px ' } return(div style={ style } button OnClick={ this。帕索森。绑定(此)传值给子组件/按钮差异接受子组件的传值为：{这个。国家。txt 1 }/div br/子消息={ this。国家。txt 0 } getsonToPar={ this。桑托帕。绑定(this)}//div)} }子组件：

从"反应"导入反应{组件};类子扩展组件{构造函数（道具){ super(道具)};this.state={ msg: '啦啦啦啦} } ComponentDidMount(){ } render(){ return(div)接受父组件传的值为：{这个。道具。message }/div按钮onClick={()=this。道具。getsontopar(这个。国家。消息)}传值给父组件/button/div)} }导出默认子级；github:https://github。com/Rossy 11/react/blob/master/src/component/router 4。射流研究…

补充：

子组件向父组件传值，

同样是父组件：

从"反应"导入反应"从"导入商品列表/ComentList '类注释扩展了做出反应.组件{构造器（道具){ super(道具);this.state={ parentText: '这是父文本，arr: [{ 'userName': '方明、“text”:“123333”、“result”:“true”)、{“userName”:张三，' text': '345555 '，' result ' : false '，{ ' userName ' : ' liSi '，' text ' : ' 567777把父组件中的父文本替换为子组件传递的值}，()={控制台。日志(这个。国家。parent text)；//setState是异步操作，但是我们可以在它的回调函数里面进行操作});} render() { return (div //通过绑定事件进行值的运算，这个地方一定要记得。绑定（这个),不然会报错，切记切记，因为通过事件传递的时候这的指向已经改变ComentList arr={ this。国家。arr } pfn={ this。fn。bind(this)}/ComentList p文本为{这个。国家。parenttext }/p/div)} }导出默认注释；子组件：

从"反应"类导入反应列表扩展了反应。组件{构造器（道具){ super(道具);this.state=({ childText: '这是子文本}) } clickFun(文本){ this.props.pfn(文本)//这个地方把值传递给了小道具的事件当中} render() { return (div类名=' list ' ul { this。道具。由…改编地图(项目={返回(李键={项目。用户名} { item。用户名}评论是：{item.text} /li ) }) } /ul //通过事件进行传值，如果想得到事件，可以在参数最后加一个事件，这个地方还是要强调，这个，这个，这个按钮onClick={ this。点击乐趣。绑定(这个，这个。国家。子文本)}单击我/按钮/div)} }导出默认商品清单之前：

之后：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。