本文摘自PHP中文网，作者青灯夜游，侵删。
TypeScript与React中如何使用ref？下面本篇文章给大家介绍一下ref用法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
推荐教程：《JavaScript视频教程》
父组件
在父组件中，编写如下：
类中定义child，用于存放子组件的作用域
1 | public child: any;Copy to clipboardErrorCopied
|
绑定子组件作用域
1 2 3 | public onRef(ref:any){
this.child = ref
}Copy to clipboardErrorCopied
|
子组件上绑定ref
1 | <ChildPage onRef={(el)=>this.onRef(el)} />Copy to clipboardErrorCopied
|
onRef 绑定this(第3步，不使用箭头函数的情况)
1 | this.onRef = this.onRef.bind(this)Copy to clipboardErrorCopied
|
子组件
在子组件中，编写如下：
阅读剩余部分
相关阅读 >>
typescript 命名空间和模块
js怎么跳转到指定页面？
javascript有多少框架
object.fromentries和object.entries的使用
详解javascript中switch语句的用法
javascript如何使用replace方法
javascript返回值是什么
javascript中创建对象的方法有哪几种
小总结 javascript 开发中常见错误解决
javascript怎么实现页面关闭
更多相关阅读请进入《typescript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 浅析TypeScript和React中使用ref的方法
