2015-11-16 5 views
0

У меня есть дочерний компонент третьей стороны, который отображает таблицу. Родительский компонент будет отображать дочерний компонент с новыми данными в реквизитах. Затем родитель будет использовать селектор jquery для выбора строк из дочерней таблицы, которые таким образом отображаются таким образом. Как я могу заставить родителя ждать, пока дочерний компонент будет визуализировать себя со строками для новых данных, прежде чем он сделает выбор строки jquery? Поскольку ребенок является сторонним компонентом, я не могу его изменить, чтобы родитель знал, когда он отображается.React Parent Ожидание обновления дочернего компонента React

ответ

0

Вы можете использовать соответствующий lifecycle method, чтобы выяснить, когда он будет готов. У вас может быть componentDidMount отправить обратно значение, сообщающее родителям, что оно готово к анализу.

Если вы не можете отредактировать сторонний компонент .. Проверьте, есть ли доступный общедоступный метод, который вы можете использовать? Может быть, он принимает функцию обратного вызова в качестве опоры?

+0

componentDidUpdate должен это сделать - если сторонний компонент не делает ничего асинхронного. ComponentDidMount вызывается родительским после детей, поэтому он также будет делать то, что нужно, пока это важно только для первичного рендеринга (используйте компонент componentDidUpdate для чего-либо после этого). –

+0

Я обнаружил, что ребенок не отображал таблицу html в момент, когда я был в компоненте parentDidUpdate. – Nishanth

0

Мне удалось обойти это, добавив прослушиватель мыши на самой таблице, а затем используя метод делегата jquery для маршрутизации запросов щелчка в строки таблицы.

Смежные вопросы