https://blog.csdn.net/amyloverice/article/details/80728983
react 组件传值
1、分父亲向儿子传值
2、子向父亲传值
3、没有嵌套关系的组件之间传值,例如兄弟组件传值
1.父组件向子组件传值
(通过props来传值,这种应用,很多时候我们某个组件在不同的地方用到,但是就只是内容不一样,这样在调用组件就是父组件的时候给各自自己的值就好)
//子组件
class Es6cComponent extends React.Component{
constructor(props){
super(props);
}
render(){
return(
<div>
<div>{this.props.nameall}</div>
</div>
)
}
}
//父组件
class App extends React.Component{
render(){
return(
<div>
<Es6cComponent nameall="abc"/>
</div>
)
}
}
2.子组件给父组件传值 ( 回调函数)
3.兄弟组件传值(子组件传给父组件,由父组件再传给另外一个子组件)
————————————————
版权声明:本文为CSDN博主「amyloverice」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/amyloverice/article/details/80728983
原文地址:https://www.cnblogs.com/itlover2013/p/15383686.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。