Как программно заполнить элементы ввода, созданные с помощью React?

Мне поручено сканировать сайт, созданный с помощью React. Я пытаюсь заполнить поля ввода и отправить форму с использованием javascript-инъекций на страницу (селен или веб-просмотр в мобильном телефоне). Это работает как шарм на любом другом сайте + технология, но React, кажется, настоящая боль.

так вот пример кода

var email = document.getElementById( 'email' );
email.value = '[email protected]';

Если значение изменяется на элементе ввода DOM, но React не вызывает событие изменения.

Я пробовал множество разных способов заставить React обновить состояние.

var event = new Event('change', { bubbles: true });
email.dispatchEvent( event );

безрезультатно

var event = new Event('input', { bubbles: true });
email.dispatchEvent( event );

не работает

email.onChange( event );

не работает

Я не могу поверить, что взаимодействие с React стало таким трудным. Я был бы очень признателен за любую помощь.

Спасибо

Ответы на вопрос(2)

Ваш ответ на вопрос