‘Refs’ is short for references in React. Refs are used to store a reference to a single React element or React component. This is later returned using the render function.
They are mainly used in the following scenarios:
To initiate imperative animations
To join third-party DOM libraries
To manage focus and apply media playback