Очередность рендеринга в React?

Question

[Ксения]

Странное поведение react, не пойму, с какой стороны подступиться:

есть приложение на react, настроен роутинг:

в App.js кнопка открывает новую страницу

Открывается страница с адресом localhost:3000/B/new
там компонент B, внутри которого есть компонент Box, внутри которого рендерится массив компонентов BoxItem. В компоненте Box есть .

В Box в componentDidMount() выбираю $( '.test' ), вешаю на него обработчик события и тд и тп.
И вот что странно: если я открываю localhost:3000/B/new из кнопки, все работает корректно.
Но если я обновляю страницу (crtl+r), то выборка $( '.test' ) пустая. То есть, при перезагрузке componentDidMount() старабтывает, но не видит того, что отрендерилось. Хотя содержимое Box на странице отображено… оО

В какую сторону копать?
Не пойму, что НЕ срабатывает, когда перезагружаешь страницу.

UPD: помогло setTimeout( setClicksHandler , 100); но это выглядит, как костыль

Comments

[Антон Спирин]

Код то покажите. Если выборку делаете с самого компонента, то элементы должны находиться.
А зачем вам вообще понадобилось тянуть JQuery?

[Егор Живагин]

Антон Спирин, кстати, по вопросам на тостере видно, что многие зачем-то тянут JQuery в React. Я думал, это новая мода у извращенцев))

[Сергей Сунцев]

Егор Живагин, Это просто рудимент разработчика, только что севшего за реакт, я тоже в тестовом проекте его тянул, а после пары дней изучения понял, что он совсем не нужен)

[Ксения]

Это лень много писать про селекторы:)
Без jquery та же история