react源码3|react源码3 - ref
ref可以获取dom节点或者react元素的实例，一般有三种使用方法
1. string ref
文章图片
image.png
使用方法就是在react元素上使用一个ref属性，然后传入一个字符串，最后react在完成这个节点的渲染之后，就会在this.ref这个对象上增加一个这个字符串的key，这个key对应的value就是这个react元素的实例。如果是一个function component则会报错。如果要对function component使用ref，就必须把function component用forwardRef给包起来
文章图片
image.png 2. function
文章图片
image.png 3. createRef
【react源码3|react源码3 - ref】
文章图片
image.png
createRef会创建一个对象，这个对象默认值是
{current: null},把这个this.objRef放到ref属性里后，这个节点对应的实例就会挂载到这个对象的current上。
推荐阅读
- Android事件传递源码分析
- react|react 安装
- Quartz|Quartz 源码解析(四) —— QuartzScheduler和Listener事件监听
- [源码解析]|[源码解析] NVIDIA HugeCTR，GPU版本参数服务器---(3)
- ffmpeg源码分析01（结构体）
- Java程序员阅读源码的小技巧，原来大牛都是这样读的，赶紧看看！
- Vue源码分析—响应式原理(二)
- SwiftUI|SwiftUI iOS 瀑布流组件之仿CollectionView不规则图文混合(教程含源码)
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- [译文]Domain|[译文]Domain Driven Design Reference（四）—— 柔性设计