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

image.png

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

image.png

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

子组件调用父组件通过props

子组件


image.png

父组件

image.png

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

父组件


image.png

子组件


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容