React 传值 组件传值 之间的关系

react 组件相互之间的传值:

传值分父级组件传值给子组件   子组件传值给父组件    平级组件、没有嵌套的组件相互传值

1.父组件向子组件传值

  父组件通过属性的形式来向子组件传值,子组件通过props来接受父组件传递过来的参数

//子组件
class list extends React.Component{
constructor(props){
super(props); // 初始化可以不用管
}
render(){
return(
<div>
<div>{this.props.nameall}</div>
</div>
)
}
}
//父组件
class App extends React.Component{
render(){
return(
<div>
<list content="item"/>
</div>
)
}
}

2.子组件向父组件传值

子组件和父组件通信传值的话,子组件调用父组件传递过来的方法,从而实现

原文地址:https://www.cnblogs.com/jie888/p/11374691.html