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

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

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

子组件调用父组件通过props

子组件

父组件

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

父组件

子组件