react父子组件传值

Posted sherrycat

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react父子组件传值相关的知识,希望对你有一定的参考价值。

父组件传值给子组件:

1.在调用子组件时定义一个属性

<Aside msg=‘首页‘></Aside>

2.子组件里面this.props.msg

 

父组件不仅可以传值给子组件,还可以传方法,甚至把整个父组件传给子组件

 

父组件获取子组件数据:

1.调用子组件的时候制定ref的值

<Header ref=‘header‘></Header>

2.通过this.refs.header 获取整个子组件实例(dom加载后完成获取)

以上是关于react父子组件传值的主要内容,如果未能解决你的问题,请参考以下文章

react父子组件传值

react父子组件之间传值

react父子组件传值

React教程:父子组件传值(组件通信)

uniapp 父子组件传值

React 父子组件和非父子组件传值