Как работает хук useEffect?

Question

[Gimir]

Доброго времени суток! Читал документацию по хукам на reactjs.org и дошел до этого примера:

Не могу понять почему функция HandleStatusChange объявлена в хуке useEffect, и как этот хук ее вызывает? Обычно когда мне требовалось использовать такую функцию, я объявлял ее в верхнем уровне и вызывал в уже в хуке. Как это работает? В документации на этом внимания не акцентируют.

Answer 1

[profesor08]

Переданная в useEffect функция вызывается при обновлении компонента, либо указанных зависимостей. Назначения параметров указаны в документации.

Answer 2

[abberati]

Конкретно в этом примере нет разницы, где объявлять. Если бы у эффекта были зависимости (а они тут должны быть, просто пример не про это написан), то эффект выполнялся бы реже, чем на каждый рендер. Тогда функция снаружи объявлялась бы впустую.

А вызывает её не эффект, а ChatAPI — представьте себе, что это некий document.addEventListener м обработчиком событий handleStatusChange. Эффект организует подписку и отписку.

Comments

[Gimir]

Если бы у эффекта были зависимости (а они тут должны быть, просто пример не про это написан), то эффект выполнялся бы реже, чем на каждый рендер.

То есть, если я использую эту функцию (HandleStatusChange) только для изменения этого стейта, то лучше прописывать ее в в теле функции useEffect?

А вызывает её не эффект, а ChatAPI — представьте себе, что это некий document.addEventListener м обработчиком событий handleStatusChange. Эффект организует подписку и отписку.

Значит ли это что ответ от profesor08 не точен? Будет ли функция объявленная в useState вызываться автоматически если там же не прописать вызов?

[abberati]

Gimir,

1. Если Вы используете функцию только внутри эффекта, то и объявлять её следует там же.

2. Профессор говорит о функции, которую вы передаёте в useEffect, а не о HandleStatusChange