В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React Kyiv

1667 membersпожаловаться на группу
2020 February 26

B

Bogdan in React Kyiv
Serhey Shmyg
Питання не вірно поставлене, крейт реф створює обєкт, реф колбек це просто фукнція яка надає доступ до ДОМ. Якщо реф отримує не колбек а обєкт стоврений через криейт реф, то в нього пише лінк на ДОМ елемент.
Ок по-другому. Если использовать колбэк с хранением ссылки в инстансе компонента, то есть разница с createRef? Может реакт на разных этапах вызывает колбэк и пишет в обьект от createRef?
источник
14:35пожаловаться#1

SS

Serhey Shmyg in React Kyiv
Bogdan
Ок по-другому. Если использовать колбэк с хранением ссылки в инстансе компонента, то есть разница с createRef? Может реакт на разных этапах вызывает колбэк и пишет в обьект от createRef?
викликає один раз, коли дом готовий, і в тебе лінк на дом, не має сенсу викликати реф щоразу, тому що ДОМ це обєкт і в тебе є на нього лінк
источник
14:36пожаловаться#2

B

Bogdan in React Kyiv
Serhey Shmyg
викликає один раз, коли дом готовий, і в тебе лінк на дом, не має сенсу викликати реф щоразу, тому що ДОМ це обєкт і в тебе є на нього лінк
Ну грубо говоря с createRef у меня все работает, а с колбэком нет. Пока не могу опистаь точнее
источник
14:37пожаловаться#3

SS

Serhey Shmyg in React Kyiv
Bogdan
Ну грубо говоря с createRef у меня все работает, а с колбэком нет. Пока не могу опистаь точнее
Покажи код
источник
14:38пожаловаться#4

B

Bogdan in React Kyiv
Serhey Shmyg
Покажи код
https://codesandbox.io/s/jolly-yonath-5urh5
CodeSandbox
jolly-yonath-5urh5 - CodeSandbox
jolly-yonath-5urh5 by dadayada using react, react-dom, react-scripts
источник
14:44пожаловаться#5

B

Bogdan in React Kyiv
В калссе С логируется элемент, а в классе А нет
источник
14:46пожаловаться#6

EM

Eugene M in React Kyiv
Bogdan
https://codesandbox.io/s/jolly-yonath-5urh5
CodeSandbox
jolly-yonath-5urh5 - CodeSandbox
jolly-yonath-5urh5 by dadayada using react, react-dom, react-scripts
посмотри на ref.current когда используешь класс А
источник
15:02пожаловаться#7

EM

Eugene M in React Kyiv
там тоже будет null
источник
15:02пожаловаться#8

EM

Eugene M in React Kyiv
просто ты передаешь объект в который потом будет записан реф
источник
15:02пожаловаться#9

EM

Eugene M in React Kyiv
и в консоле тебе кажется что он есть раньше чем на самом деле
источник
15:02пожаловаться#10

B

Bogdan in React Kyiv
Eugene M
там тоже будет null
Ок, а почему там тогда null если дочерний див отрендерился раньше?
источник
15:04пожаловаться#11

EM

Eugene M in React Kyiv
рендерит оно от чайлда к паренту, поэтому ты так не получишь реф
источник
15:04пожаловаться#12

EM

Eugene M in React Kyiv
только в useEffect
источник
15:04пожаловаться#13

EM

Eugene M in React Kyiv
твой вопрос не верно поняли
источник
15:05пожаловаться#14

EM

Eugene M in React Kyiv
рендерится от чайла к паренту как я выше написал
источник
15:05пожаловаться#15

EM

Eugene M in React Kyiv
useEffect чайла сработает раньше парента
источник
15:05пожаловаться#16

EM

Eugene M in React Kyiv
function B(props) {
 console.log("ref", props.reference.current); //null
 useEffect(() => {
   console.log(props.reference.current); // div
 }, []);
 return props.children;
}
источник
15:06пожаловаться#17

B

Bogdan in React Kyiv
Eugene M
useEffect чайла сработает раньше парента
Ну. Значит когда парент рендерится уже должен быть реф на чайлда
источник
15:06пожаловаться#18

EM

Eugene M in React Kyiv
функции как тебе выше показали работают
источник
15:06пожаловаться#19

EM

Eugene M in React Kyiv
верхняя сработает раньше
источник
15:07пожаловаться#20