como usar react refs? string refs, callback refs, create ref, use ref

REACT REFS

Refs en react son una tecnica que nos permite obtener una referencia a un component o un elemento y utilizarla para accesar propiedades sobre el componente o elemento. Existen diferentes formas de utilizar refs entre ellas estan: string refs, callback refs, create ref API, useRef. Todas cumplen el mismo proposito pero lo hacen de formas diferentes.

Comenzando con string refs, estan deprecadas y solamente se utilizan en proyectos legacy. react advierte en contra de utlizar estas ya que es posible que no sean soportadas en nuevas versiones de react. Consiste en la idea de asignar un nombre a elementos o componentes para poder tener acceso a ellos dentro de la instancia del componente por medio de this.refs.

El siguiente tipo de ref es callback ref, este no esta deprecado asi que lo puedes utilizar pero toma en cuenta que existe una forma nueva que react recomienda que veremos en un momento. Callback ref es la idea de asignar una funcion como ref para poder obtener la referencia al componente o elemento.

Otro tipo de ref es el de createRef, este es la nueva adicion desde react 16.3 y es la forma recomendada de utilizar refs. Consiste en crear un objecto ref por medio de React.createRef y asignarlo a los componentes o elementos por medio de la propiedad ref. Esto nos permite tener mas control sobre las referencia ya que nos permite crearlas a nuestro gusto y pasarlas a travez de componentes.

Por ultimo estan los refs utilizando useRef. En realidad esto es identico a utilizar createRef API, pero es la version que fue creada para trabajar con hooks. Sin embargo funcionan de la misma manera que createRef.

=========================================================
React docs refs:
reactjs.org/docs/refs-and-the-dom.html

Github Link:
github.com/programax/react-refs