React传值 组件传值 之间的关系详解
时间:2021-05-10 08:45:37|栏目:JavaScript代码|点击: 次
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.子组件向父组件传值
子组件和父组件通信传值的话,子组件调用父组件传递过来的方法,从而实现


上一篇:js select 控制实现代码
栏 目:JavaScript代码
下一篇:Javascript获取标签ID改变style属性的代码
本文标题:React传值 组件传值 之间的关系详解
本文地址:http://www.codeinn.net/misctech/118445.html






