react父子组件传值

时间:2022-07-05 22:04:59

父组件传值给子组件:

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

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

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

 

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

 

父组件获取子组件数据:

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

<Header ref='header'></Header>

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