react组件之间的通讯之父子通讯

一、类组件

1.父向子传值,要用自定义属性,把要传给子组件的值挂载到子组件标签上,在子组件内部通过this.props.挂载的属性名进行访问父组件传来的值,是只读属性,子组件不能修改其值。

2.子向父传值,要通过自定义事件,在父组件中,在子组件标签挂载一个自定义事件,该时间定义形参用来接受子组件传来的实参,此时的实参就是子组件传来的数据,然后再函数内部定义之后的业务逻辑,在子组件中通过this.props.事件名称来触发该事件,完传值。

二、函数组件

1.父向子传值,在父组件中在子组件标签上挂载自定义属性,在子组件中的函数的形参props中接收,通过props.属性名进行访问。

2.子向父传值,在父组件中向子组件挂载自定义事件,在子组件中通过props.事件名进行触发

 

 

你可能感兴趣的:(react.js,前端框架)