本文是小结类文章,主要总结一下工作中遇到的父组件调用子组件方法。当然除了用ref之外还有很多其他方式,本文仅仅列举ref的方式。分别介绍父子组件都为class;父子组件都是hooks;父组件是class子组件是hooks;父组件是hooks,子组件是class的各种情况的调用方式。
父子组件都是class,父组件调用子组件方式比较传统,方法如下:
一般我们会结合useRef,useImperativeHandle,forwardRef等hooks来使用,官方推荐useImperativeHandle,forwardRef配合使用,经过实践发现forwardRef不用其实也是可以的,只要子组件把暴露给父组件的方法都放到useImperativeHandle里面就可以了。
其实就是上面的结合体。子组件还是用useImperativeHandle ,可以结合forwardRef,也可以不用。
这里其实和上面差不多,react主要dom省略,仅展示精华部分
本文主要是总结,有些朋友在hooks或者class混合使用的时候,不清楚怎么调用子组件方法,这里总结一下,希望对各位小伙伴有所帮助。
到此这篇关于react父组件调用子组件的文章就介绍到这了,更多相关react父组件调用子组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
到此这篇react组件调用方法(react 调用组件方法)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/yd-react-native/48801.html