Что React говорит о хуке useEffect -
Что делает useEffect? Используя этот хук, вы сообщаете React, что ваш компонент должен что-то сделать после рендеринга. React запомнит переданную вами функцию (мы будем называть ее нашим «эффектом) и вызовет ее позже после выполнения обновлений DOM».
Вопрос в том, как мы узнаем, где мы используем хук useEffect?
Хук useEffect управляет всеми тремя состояниями жизненного цикла реакции -
Монтаж
Обновление
Размонтирование
Случай 1.
В первом случае мы видим, как хук useEffect выполняется только в состоянии монтирования , мы все знаем, что хук useEffect принимает второй параметр как массив переменных зависимостей.
Если мы передаем пустой массив зависимостей, в этом случае useEffect используется как монтирование метод жизненного цикла.
Случай 2.
Во втором случае мы видим, как хук useEffect выполняется в состоянии монтирования и обновления состояния, при каждом изменении состояния useEffect выполняется и запускает функцию повторного рендеринга, мы все знаем, что хук useEffect принимает второй параметр. как массив переменных зависимостей. Если мы не передаем массив зависимостей, в этом случае useEffect запускает монтирование, а также метод обновления жизненного цикла. Что не рекомендуется.
Случай 3.
В третьем случае мы видим, как хук useEffect выполняется при состоянии монтирования и обновлении состояния, мы передаем состояние как переменную зависимости в массиве при каждом изменении состояния зависимости. значение состояния зависимости не изменяется, в этом случае useEffect не выполняется, а повторный рендеринг не выполняется.
Случай 4.
В последнем случае для размонтирования размонтирование не зависит от состояния, мы могли бы поместить размонтирование в отдельный useEffect, которому в качестве второго аргумента передается пустой массив.
Это моя первая попытка написать статью, возможно есть несколько ошибок, заранее извиняюсь. Если вам нравится, пожалуйста, оцените. Ваша поддержка очень помогает.
