componentDidMount вложенных компонентов вызывается когда ноды еще не в DOM

[vitkarpov]

componentDidMount обычных реакт-компонент, которые вложены во вьюшку, вызывается в тот момент, когда ноды еще нет реально в DOM.

Это очень печально — нельзя смотреть на размеры, положение ноды и т.д.

[vitkarpov]

Написал несколько тестов. Выяснил, что это верно только для вложенных реактивных вьюшек, а так же вьюшек в боксах.

[vitkarpov]

UPD

#42

Написал тесты на 4 кейса:

• корневая реактивная вьюшка
• вложенная реактивная вьюшка
• вьюшка в ns-боксе
• вьюшка в реакт-боксе

Все тесты проходят.

[vitkarpov]

@km256 надо еще раз посмотреть в приложении.

[Rebulus]

@vitkarpov а тут что-то слышно?

[vitkarpov]

Сперва попробуем переехать на ns@0.8.x — и будем смотреть еще раз в приложении.

[vitkarpov]

Проверил в приложении на noscript@0.8.6 — проблема не воспроизводится

[vitkarpov]

Воспроизвел с 0.8.6 при повторном апдейте. Постараюсь воспроизвести в тестах.

[Rebulus]

вот жеж 😞

[Rebulus]

@vitkarpov есть какие-то новости?

[Rebulus]

@vitkarpov пыщ-пыщ!

[vitkarpov]

Не-а, пока нет :) Еще не добрались до задачки.

[Rebulus]

спасибо 😄

[mishk0]

Правильно понимаю что это происходит из-за того, что сначала рендерятся вложенные вьюхи, а потом все это вставляется в дом?

[Rebulus]

Да, похоже, что так. Правда стоит смотреть не только на ns.Box в плане вставки, но и в ns.View . Но по своей сути штука близкая, что при первой отрисовке componentDidMount будет вызван, когда элементы ещё не будут в DOM.

[Rebulus]

@mishk0 хотя, есть тесты, которое говорят об обратном 😞
b1e3b23
может быть ты их можешь дополнить случаем, который на твой взгляд вызывает ошибку?

[mishk0]

@Rebulus а ns.View.prototype._updateHTML переопределяется же. И такой кейс у меня возникает только с боксами.

[Rebulus]

@mishk0 возможно ты можешь дописать тест на этот кейс?

[mishk0]

Да, надо будет попробовать воспроизвести на тестах.

[vitkarpov]

Понял, какой кейс не написал в тестах — когда создаются разные экземпляры вьюшки в боксе

[vitkarpov]

Кажется, вот в этом проблема

[Rebulus]

а тест сможешь добавить?

[vitkarpov]

Да, давай добавлю. @mishk0 если вдруг хотел такой же добавить точно, то не надо, ок? :)

[vitkarpov]

#58

[vitkarpov]

Для кейса реакт-вью непосредственно внутри яте-бокса — #62

[vitkarpov]

В итоге:

• проверили все кейс и нашли, что падаем в одном случае: реакт-вью непосредственно внутри яте-бокса ([#41] Тесты на componentDidMount вложенных компонент #42)
• запретили использования реакт-вью непосредственно внутри яте-бокса, всегда можно обойти это на уровне лейаута (componentDidMount вложенных компонентов вызывается когда ноды еще не в DOM #41)