React -- 父子组件通信props 和 onRef

React -- 父子组件通信props 和 onRef_第1张图片
image.png

一个普通的输入框 和一个按钮 我想通过点击按钮清空input里面的内容
如果没有组件之间的通信的话 肯定这么写

React -- 父子组件通信props 和 onRef_第2张图片
image.png

很简单 直接按钮绑定事件清空input
但是如果有组件之间的通信呢??

子组件调用父组件通过props

子组件


React -- 父子组件通信props 和 onRef_第3张图片
image.png

父组件

React -- 父子组件通信props 和 onRef_第4张图片
image.png

父组件调用子组件的方法 - onRef

父组件


image.png

子组件


image.png

你可能感兴趣的:(React -- 父子组件通信props 和 onRef)