react 传值方式

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