Ref callback
#Фронтенд

Я думаю, что все разработчики, использующие React, сталкивались с ref.

Используем хук useRef и прокидываем полученный объект в проп ref. Запускаем, получаем ссылку на DOM элемент и используем ее в нашей логике. Вроде нет ничего хитрого.

Большинство именно так и делают всегда. Но! Проп ref принимает не только объект. Если посмотреть в типы, то мы увидим, что туда можно прокинуть еще и колбэк.

Если мы прокинем туда функцию, то она будет вызвана, когда наш элемент замаунтиться(говорим про dom), и первым параметром она получит ссылку на этот DOM элемент. При анмаунте элемента(говорим про dom) она будет вызвана с null.

Использование колбэков может упростить вашу логику. Помочь в ситуациях, когда нам нужно получить ссылку на элемент из дочернего компонента, ведь если мы просто прокинем ref объект пропом, а в дочернем компоненте есть условный рендеринг, то результат может поставить вас в тупик.