АЗ
Я был не прав. В статье в этом месте говорится, что сначала отработают все эффекты, а потом будет новый апдейт
Size: a a a
2021 November 29
МУ
Вот, в том-то и дело. Хм, надо подумать. Ведь речь же идёт именно про первую сбобочку, как бы useEffect(() => () => …);
МУ
Тогда этот вопрос снова актуальный. Что значит «сбрасывается»?)
МУ
Допустим вызывается useEffect, в нём что-то делается, это и назыввается «сбрасывается»?
VK
Нет, сбрасывается - это вызов возвращаемого колбека
МУ
блин, я запутался((( То есть всё же Андей был прав? речь про return callback, который возвращает useEffect?
VK
Речь где? Слово flush не означает "сбрасывать", на сколько мне известно
МУ
Может и не означает, видимо я неправильно перевёл(
VK
Although useEffect is deferred until after the browser has painted, it’s guaranteed to fire before any new renders. React will always flush a previous render’s effects before starting a new update
Этот абзац значит, что все обновления, запланированные для какого-то рендера обязательно выполнятся до следующего чтобы поддерживать консистентность
МУ
аа, то есть речь НЕ про return callback, который возвращается из useEffect, а речь именно про саму функцию useEffect (здесь первыая скобочка useEffect(() => () => …);?)
VK
Да, речь про то, что все эффекты будут выполнены до начала следующего цикла апдейта
VK
Порядок их выполнения гарантирован, в общем
МУ
ага, ясно, а поясните, плз, как правильно понимать эту схему? То есть, сначала читаем перввую строку вверху:
Произошёл первый рендер, потом сработал useLayoutEffect, потом произошла отрисовка, потом сработал useEffect
Именно так читаестя перввая строка?
А потом после этого идём уже на вторую строку, так?
Произошёл первый рендер, потом сработал useLayoutEffect, потом произошла отрисовка, потом сработал useEffect
Именно так читаестя перввая строка?
А потом после этого идём уже на вторую строку, так?
VK
Да, там все просто
МУ
А почему тогда в первой строке useEffect срабоатывает ПОсле отрисовке, а во второй строке Перед?
VK
Так об этом же статья, ну)
МУ
Ведь в обеих строках используется useLayoutEffect
МУ
ну вот я и запутался, в силу слабого опыта не могу сообразить(
VK
Дело не в том, когда он используется
Это диаграмма про то, что когда вызывается
Это диаграмма про то, что когда вызывается
МУ
Аа, я понял. В первой строке показан случай. когда в useLayoutEffect НЕ происходит обновления состояния (то есть НЕт перерендера), поэтому после него идёт отрисовка, а затем useEffect, как и положено работать useEffect-у.
А во второй строке показан случай когда useLayoutEffect происходит обновление состояния, поэтому и порядок срабатывания useEffect тоже меняется, да?
А во второй строке показан случай когда useLayoutEffect происходит обновление состояния, поэтому и порядок срабатывания useEffect тоже меняется, да?