Зачем передавать callback-функцию как аргумент в setState(), и в каких ситуациях это нужно делать?

Назначение callback-функции setState()

Callback-функция, передаваемая как аргумент в setState(), вызывается после того, как состояние было обновлено и компонент закончил перерисовку. Это позволяет тебе выполнить код, который зависит от обновлённого состояния.

Почему это необходимо

Поскольку setState() работает асинхронно, callback даёт возможность убедиться, что твой код выполнится только после того, как изменение состояния завершится и DOM обновится. Без него нельзя гарантировать, что состояние действительно изменилось к моменту выполнения следующей строки кода.

Пример использования

Лучшие практики

Хотя callback полезен, рекомендуется использовать вместо него методы жизненного цикла или хуки для лучшей организации кода:

• Используй componentDidUpdate() в классовых компонентах для обработки логики после обновления
• Используй хук useEffect() в функциональных компонентах для реагирования на изменения состояния

Эти альтернативы выражают намерение яснее и проще в поддержке, чем callback-функции.

Когда использовать

Оставляй callback setState() для простых, разовых сценариев, где метод жизненного цикла был бы избыточен. Для сложной логики или множества зависимостей состояния предпочитай современные подходы, описанные выше.