react中ref获取dom或者组件如何实现
在 React 中,可以使用ref
属性来获取 DOM 元素或组件的引用。以下是两种常用的方法:
- 字符串格式:在 Render函数内返回的jsx代码片段中,给某个DOM节点设置一个
ref
属性,传递一个字符串,这样当当前组件渲染完成后,可以通过当前组件实例上的refs
属性获取对应的DOM对象。
- 函数格式:直接将
ref
属性的值设置为一个函数,该函数可以传入一个参数,即当前的DOM对象实例。这样可以在当前组件内通过函数的返回值直接获取到对应的DOM对象实例。
下面是一个使用ref
属性获取DOM元素的简单示例:
<p ref={ele => this.info = ele}>p>
在这个示例中,可以通过this.info
获取到p
元素的DOM对象实例。