是什么

简称：弹性文件系统，在render中使用

• 渲染组件: 返回组件实例
• 渲染dom: 返回具体的dom节点

怎么用

创建ref

组件和hooks中得到的ref有current属性

1. 传入字符串

this.refs.demoRef = xxx
return (
  <div ref="demoRef" />
)

2. 传入对象

this.refs.demoRef = React.createRef()

3. 传入函数

return (
  <div ref={element => this.demoRef = element} />
)

4. 传入hook

 this.refs.demoRef = useRef()

原理

应用场景

• 对dom元素的焦点控制、内容选择
• 对dom元素的内容设置及媒体播放
• 对dom元素的操作和组件实例的操作
• 集成第三方库

FAQ