Просто на данный момент для меня логичней было бы что в первый раз react вызывает constructor который инициализирует класс и сохраняет инстанс а во второй раз он вызывает какой-то метод типа instance.updateProps(props) который обновляет в свою очередь только props а после этого react вызывает метод componentDidUpdate который разрабочик сам настраивает

В этом я очень сильно сомневаюсь. Ну во первых твой пример абсолютно нереалистичен, так никто не станет делать. Во вторых - вряд ли в реакте существует подобный механизм. В таком случае у тебя так или иначе в итоге должна была вывестись кнопка с счетчиком 7, ибо примерно так и сработало бы дефолтное поведение. Единственное, что мне тут тоже непонятно - это почему последний лог является цифрой 5, а не 7. Может быть я и во всём ошибаюсь, но в данном случае это нормально, твой пример нереален.

но почему тогда во второй раз react вызывает метод componentDidUpdate? если нечего не обновлялось ?

А с чего ты взял что он его вызывает?

Да, действительно вызывает. Тогда получается так, что реакт обнаруживает приложение и компонент в этой DOM ноде и ещё раз вызывает метод render, но уже не вызывая конструктор

и всё таки обновляет props ?:)

Очевидно что да. Я просто с классовыми компонентами особо не работал. Я думал что при обновлении пропсов он должен был заново выполнить конструктор. Примерно по аналогии с функциональными компонентами. Но видимо, если локальный стейт зависит от пропсов - то их сравнивают и вызывают setState в каком ни будь didUpdate. Или может в данном случае действительно что-то работает не так как должно.

Реакт повторно вызовет конструктор классового компонента только в 1 случае, если он был размонтирован и заново замонтирован.

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

ВиртуалДОМ, да.

как мне дождаться промиса, чтобы изменить residentInfo?

вот аж три раза пробежались, брр

Про фильтр?

ага

дождаться можно await, если then, то прям там и меняйте

вы тут всё равно на новом синтаксисе сидите, юзайте await - и всё

а переписать фильтр можете?

это же пздц

Этой всей фигней должен бэк заниматся