1

Есть ли возможность в функциональных компонентах React отслеживать момент только повторных изменений props. Те аналогично методу componentDidUpdate в классовых компонентах? Если вторым аргументом передавать список зависимостей props, то хук useEffect запустится также при первом рендеренге, а этого не хотелось бы. Делать проверку с использованием флага - также кажется не лучшим решением. Что посоветуете?

useEffect(() => {
       console.log('hook');
   }, [props.counter]);
6
  • Почему "не хотелось бы", что за задача? 19 авг 2020 в 11:54
  • Только внутри useEffect написать условие, а так то вообще это нормальное поведение
    – RavenTheX
    19 авг 2020 в 11:57
  • Возможно, если реструктурировать стейт, проблема исчезнет. 19 авг 2020 в 12:15
  • Например, эталонный-стейт и стейт-изменений 19 авг 2020 в 15:41
  • Есть список однотипных дочерних компонентов, а есть родительский компонент. В дочерний компонент нужно передать всем одинаковое начальное значение counter. Написав useEffect в родительском хук сработает один раз и передаст counter как props в дочерний. Но нужно отслеживать изменения counter в дочерним компоненте - писать useState в дочерний также. Получается нет смысла в родительском писать useState тк все равно сработает useState в дочернем при первом рендеринге
    – Tea
    19 авг 2020 в 16:15

1 ответ 1

0

Итак, начальное значение counter появляется в state родителя и приходит через props (или context) в дочерний. Оно так и продолжает это делать.

По ходу дела дочерний свой counter меняет, кладя себе в стейт.

Там, где counter используется, вызывается функция, дающая один из 2-х с приоритетом дочернего.


Альтернатива:

Можно использовать аргумент useState(initial), но это менее гибко.

Т. к. с первым вариантом можно, например, учитывать время/версии: дочерний поменял, но родитель позже решил, что он правее со своим новым значением.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.