Refs in ReactJS || ReactJS Tutorials
Refs provide a way to access DOM nodes or React elements created in the render method.
Generally, the use of refs should be considered only when the required interaction cannot be achieved using the mechanisms of state and props.
You may not use the ref attribute on functional components because they don’t have instances. You should convert the component to a class if you need a ref to it, just like you do when you need lifecycle methods or state.
React provides three major ways of creating refs
1. String refs (deprecated)
2. Callback refs
3. createRef
createRef() API introduced in React 16.3. If you are using an earlier release of React, we recommend to use callback refs instead.
If the ref callback is defined as an inline function, it will get called twice during updates, first with null and then again with the DOM element. This is because a new instance of the function is created with each render, so React needs to clear the old ref and set up the new one. You can avoid this by defining the ref callback as a bound method on the class, but note that it shouldn’t matter in most cases.
When to use refs
-------------------------------
There are a few good use cases for refs:
1. Managing focus, text selection, or media playback.
2. Triggering imperative animations.
3. Integrating with third-party DOM libraries.
Avoid using refs for anything that can be done declaratively.
На этой странице сайта вы можете посмотреть видео онлайн Refs in ReactJS || ReactJS Tutorials длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Tech Talk 14 Июль 2018, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 160 раз и оно понравилось 3 зрителям. Приятного просмотра!
