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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

Frontend UA

559 membersпожаловаться на группу
2020 April 09

AR

Alexey Raspopov in Frontend UA
Anton Nemtsev
Подскажите пожалуйста — как правильно использовать React.forwardRef с функциональным компонентом.
Я погуглил немного, но что то только больше запутался.

https://codesandbox.io/s/red-bird-vqsiv?file=/pages/Input/index.js
CodeSandbox
red-bird-vqsiv - CodeSandbox
red-bird-vqsiv by SilentImp using next, react, react-dom
В обычном функциональном компоненте тебе нужен useRef вместо createRef
источник
17:38пожаловаться#1

AN

Anton Nemtsev in Frontend UA
я его и использую
источник
17:40пожаловаться#2

AN

Anton Nemtsev in Frontend UA
https://codesandbox.io/s/red-bird-vqsiv?file=/pages/Input/Input.js строка 110
CodeSandbox
red-bird-vqsiv - CodeSandbox
red-bird-vqsiv by SilentImp using next, react, react-dom
источник
17:40пожаловаться#3

SS

Serhey Shmyg in Frontend UA
а навіщо в індексі ще раз завертаєш в форвард реф? чому зразу не експортнеш те що імпортуєш?
источник
17:40пожаловаться#4

AN

Anton Nemtsev in Frontend UA
а почему ещё раз?
я только в index.js добавлял forwardRef
источник
17:41пожаловаться#5

SS

Serhey Shmyg in Frontend UA
в Input теж є цей врапер
источник
17:42пожаловаться#6

SS

Serhey Shmyg in Frontend UA
источник
17:43пожаловаться#7

AN

Anton Nemtsev in Frontend UA
обнови позязязя
источник
17:43пожаловаться#8

AN

Anton Nemtsev in Frontend UA
>_<
источник
17:43пожаловаться#9

AN

Anton Nemtsev in Frontend UA
извини это я пробовал переместить его
источник
17:44пожаловаться#10

AN

Anton Nemtsev in Frontend UA
но ни так ни сяк не заработало
источник
17:44пожаловаться#11

SS

Serhey Shmyg in Frontend UA
Реф не викликає ререндер компоненту
источник
17:50пожаловаться#12

SS

Serhey Shmyg in Frontend UA
тому в тебе там налл
источник
17:50пожаловаться#13

AN

Anton Nemtsev in Frontend UA
м … что ты имеешь ввиду?
источник
17:50пожаловаться#14

AN

Anton Nemtsev in Frontend UA
имеется ввиду forwardRef?
источник
17:51пожаловаться#15

AN

Anton Nemtsev in Frontend UA
но в него вроде бы передается ф-я которая рендерит инпут?
источник
17:55пожаловаться#16

AN

Anton Nemtsev in Frontend UA
стартовая ф-я тоже его рендерит
источник
17:55пожаловаться#17

SS

Serhey Shmyg in Frontend UA
https://codesandbox.io/s/hardcore-chebyshev-69jq0?file=/pages/index.js
CodeSandbox
red-bird-vqsiv - CodeSandbox
red-bird-vqsiv by SilentImp using next, react, react-dom
источник
17:56пожаловаться#18

SS

Serhey Shmyg in Frontend UA
Ти намудрив щось в самому інпуті
источник
17:57пожаловаться#19

SS

Serhey Shmyg in Frontend UA
передав реф, то його до дом елементу потрібно привязати, а ти його ще в одни юз реф запихнув
источник
17:57пожаловаться#20