Как обработать событие по клику для динамических элементов React?

Question

[Александр Токмаков]

Раньше в woocommerce страница оформления заказа отображалась с помощью шорткода [woocommerce_checkout].
Теперь появилась возможность создавать с помощью блоков, которые созданы с помощью react.
В поле оформления заказа есть поле телефон с id="#billing_phone".
Раньше, чтобы добавить маску достаточно было кода:

$("#billing_phone").inputmask({ mask: "[phone]", greedy: false });

Теперь для динамически созданных элементов на react это не действует.
Пробовал:

$(document).on('focus', '#billing_phone', function() {
    alert('AUUUU!'); 
});

Не срабатывает.

Прошу помощи у вас, как мне повесить событие или маску на данный динамический элемент.
Спасибо!

Comments

[Refguser]

Что мешает по прежнему использовать шорткоды?
Блоки в WC находятся еще в зачаточном состоянии и пройдёт лет 10 пока их можно будет использовать в реальных проектах.

[Александр Токмаков]

Refguser, мне ничего не мешает. А другому владельцу надо)

[Refguser]

Александр Токмаков, тут всё просто - нужно убедить владельца, что ему это не надо (будет стоит как космолёт при этом никаких надёжности и перспектив работоспособности в будущем) :) Они прекрасно понимают язык денег.

[Александр Токмаков]

Refguser, Я плагин пишу для wp и хотел бы исключить казусы.
В описании четко написано, что с новыми блоками работать не будет, но кто читает описание?)))
А потом: ой, верните деньги за плагин, я не знал!