网站制作蒙特,做外贸产品上什么网站,网站制作软件培训,app下载中心先了解#xff0c;是什么#xff1f; React 中的 Refs提供了一种方式#xff0c;允许我们访问 DOM节点或在 render方法中创建的 React元素。 本质为ReactDOM.render()返回的组件实例#xff0c;如果是渲染组件则返回的是组件实例#xff0c;如果渲染dom则返回的是具体的do…先了解是什么 React 中的 Refs提供了一种方式允许我们访问 DOM节点或在 render方法中创建的 React元素。 本质为ReactDOM.render()返回的组件实例如果是渲染组件则返回的是组件实例如果渲染dom则返回的是具体的dom节点。 如何去使用 传入字符串使用时通过 this.refs.传入的字符串的格式获取对应的元素 传入对象对象是通过 React.createRef() 方式创建出来使用时获取到创建的对象中存在 current 属性就是对应的元素 传入函数该函数会在 DOM 被挂载时进行回调这个函数会传入一个 元素对象可以自己保存使用时直接拿到之前保存的元素对象即可 传入hookhook是通过 useRef() 方式创建使用时通过生成hook对象的 current 属性就是对应的元素 使用场景 在某些情况下我们会通过使用refs来更新组件但这种方式并不推荐过多使用refs会使组件的实例或者是DOM结构暴露违反组件封装的原则
但下面的场景使用refs非常有用
对Dom元素的焦点控制、内容选择、控制 对Dom元素的内容设置及媒体播放 对Dom元素的操作和对组件实例的操作 集成第三方 DOM 库
