本文摘自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
|
子组件
在子组件中，编写如下：
阅读剩余部分
相关阅读 >>
javascript怎么改变css
javascript如何修改html
javascript 设计模式之单例模式
javascript怎么设置radio
html标签伪元素绑定事件的三种方式
javascript如何引用到html中
深入了解javascript中的object（对象）
javascript怎么设置title
javascript如何设置时间
javascript如何处理事件冒泡
更多相关阅读请进入《typescript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 浅析TypeScript和React中使用ref的方法
