Телеграмм чат группы react_js страница 46230

parrot.ru

Рейтинг популярных групп и каналов

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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

React — русскоговорящее сообщество

11410 membersпожаловаться на группу

2020 October 02

V

Vladimir in React — русскоговорящее сообщество

Vladimir

да не, форвард реф все таки для других задач, сейчас стал консолить просто ссылку и в ней все таки есть данные, но интересно то что если законсолить просто optionsRef.current, то в консоле видно див элемент с дочерними элементами, если же законсолить optionsRef.current.children , то элементов нет

вот, что я имею ввиду

источник

11:45пожаловаться #1

ii

ilia ivanik in React — русскоговорящее сообщество

ilia ivanik

по сути мне бы сделать просто, чтобы вот такое работало (самое примитивное):

const Component = (props) => {
useEffect(() => {
props.callback()
}, [])
}

он ругается, что хочет , [PROPS]) в deps ... но props.callback() - запрашивает данные с сервера и закидывает новые пропсы в Component, так что если я напишу:

const Component = (props) => {
useEffect(() => {
props.callback()
}, [props])
}

он вызовется - запросит данные с сервака - его пропсы обновятся - он снова запросит данные - и т.д. бесконечно

источник

11:46пожаловаться #2

ii

ilia ivanik in React — русскоговорящее сообщество

Maximum update depth exceeded. случится)

источник

11:48пожаловаться #3

EM

Eugene Maltsev in React — русскоговорящее сообщество

ilia ivanik

он ругается, что хочет , [PROPS]) в deps ... но props.callback() - запрашивает данные с сервера и закидывает новые пропсы в Component, так что если я напишу:

const Component = (props) => {
useEffect(() => {
props.callback()
}, [props])
}

он вызовется - запросит данные с сервака - его пропсы обновятся - он снова запросит данные - и т.д. бесконечно

const { callback } = props

useEffect(() => calllback(), [callback])

источник

11:48пожаловаться #4

DG

Dmitry Guzeev in React — русскоговорящее сообщество

ilia ivanik

он ругается, что хочет , [PROPS]) в deps ... но props.callback() - запрашивает данные с сервера и закидывает новые пропсы в Component, так что если я напишу:

const Component = (props) => {
useEffect(() => {
props.callback()
}, [props])
}

он вызовется - запросит данные с сервака - его пропсы обновятся - он снова запросит данные - и т.д. бесконечно

если этот useEffect должен выполнятся только на маунт, никаких зависимостей туда не надо пихать

источник

11:48пожаловаться #5

AS

Andrii Stepanov in React — русскоговорящее сообщество

Тебе точно там нужны абсолютно все пропсы?

источник

11:48пожаловаться #6

MK

Maxim Koylo in React — русскоговорящее сообщество

ilia ivanik

он ругается, что хочет , [PROPS]) в deps ... но props.callback() - запрашивает данные с сервера и закидывает новые пропсы в Component, так что если я напишу:

const Component = (props) => {
useEffect(() => {
props.callback()
}, [props])
}

он вызовется - запросит данные с сервака - его пропсы обновятся - он снова запросит данные - и т.д. бесконечно

у props априори всегда новая ссылка

источник

11:49пожаловаться #7

DG

Dmitry Guzeev in React — русскоговорящее сообщество

если этот useEffect должен выполнятся только на маунт, никаких зависимостей туда не надо пихать

оно сохранит ссылку на первый коллбэк, который передастся через props на первый рендер

источник

11:49пожаловаться #8

ii

ilia ivanik in React — русскоговорящее сообщество

const { callback } = props

useEffect(() => calllback(), [callback])

сейчас попробую

источник

11:50пожаловаться #9

ii

ilia ivanik in React — русскоговорящее сообщество

Andrii Stepanov

Тебе точно там нужны абсолютно все пропсы?

да нет, мне только коллбэк надо из пропсов там

источник

11:51пожаловаться #10

ii

ilia ivanik in React — русскоговорящее сообщество

оно сохранит ссылку на первый коллбэк, который передастся через props на первый рендер

так я так и хочу, но он мне пишет: React Hook useEffect has missing dependencies: 'setProfile' and 'unsetProfile'.

источник

11:52пожаловаться #11

DG

Dmitry Guzeev in React — русскоговорящее сообщество

можно этот варнинг выключить вот так:

useEffect(() => {
...
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

источник

11:53пожаловаться #12

EM

Eugene Maltsev in React — русскоговорящее сообщество

можно же просто колбэк добавить в deps, зачем вырубать его то?)

источник

11:54пожаловаться #13

DG

Dmitry Guzeev in React — русскоговорящее сообщество

можно же просто колбэк добавить в deps, зачем вырубать его то?)

потому что ему надо только один раз запросить данные, насколько я понял

источник

11:55пожаловаться #14

DG

Dmitry Guzeev in React — русскоговорящее сообщество

если надо при каждом изменении колбэка, то добавить колбэк в депсы [props.callback] а в родителе мемоизировать колбэк с помощью useCallback

источник

11:55пожаловаться #15

ii

ilia ivanik in React — русскоговорящее сообщество

потому что ему надо только один раз запросить данные, насколько я понял

ну я так понял, что если я правильно использую useCallback, то он и вызовет этот useEffect только 1 раз

источник

11:55пожаловаться #16

DG

Dmitry Guzeev in React — русскоговорящее сообщество

ilia ivanik

ну я так понял, что если я правильно использую useCallback, то он и вызовет этот useEffect только 1 раз

это возможно только если у тебя либо в колбэке не используется стейт, либо с дополнительным варнингом уже в useCallback (в иных случаях у тебя при изменении зависимостей useCallback также будет useEffect вызываться)

источник

11:56пожаловаться #17

ii

ilia ivanik in React — русскоговорящее сообщество

const { callback } = props

useEffect(() => calllback(), [callback])

спасибо, кажется до меня дошло как правильно сделать useCallback ))

источник

11:56пожаловаться #18

ii

ilia ivanik in React — русскоговорящее сообщество

это возможно только если у тебя либо в колбэке не используется стейт, либо с дополнительным варнингом уже в useCallback (в иных случаях у тебя при изменении зависимостей useCallback также будет useEffect вызываться)

да, все так. теперь, чтобы убрать варнинг из useCallback - я сделал:

const { callback_0, callback_1, callback_2 } = props
const doCallbacks = useCallback(() => {
callback_0()
callback_1()
callback_2()
}, [callback_0, callback_1, callback_2])

useEffect(() => {
doCallbacks()
}, [doCallbacks])

надеюсь все правильно ... во всяком случае варнинги исчезли и больше не происходит Maximum update depth exceeded ))

источник

11:59пожаловаться #19

AK

Aliaksandr Kazutsin in React — русскоговорящее сообщество

Ребята кто нибудь подскажет почему с использованием FileReader() при вставки картинки все жестко лагает пока не обнулишь..

источник

11:59пожаловаться #20