Почему useEffect вызывается несколько раз?

Почему при щелчке мышью useEffect внутри документа срабатывает несколько раз? А по щелчку на элементе списка еще больше?

https://codesandbox.io/s/friendly-chatterjee-17x1e?file=/src/App.js


Ответы (1 шт):

Автор решения: Sanya H

Потому что при каждом срабатывании Эффекта происходит регистрация нового слушателя. И чем больше будет вызовов Эффекта, тем больше будет регистраций.

Добавьте console.log("click", todos); рядом с регистрацией слушателя и Вы увидите когда и сколько раз вызывается Эффект и что находится в todos

→ Ссылка