Como preencher programaticamente os elementos de entrada criados com o React?

Estou encarregado do site de rastreamento criado com o React. Estou tentando preencher os campos de entrada e enviar o formulário usando javascript injeta a página (selênio ou webview no celular). Isso funciona como um encanto em qualquer outro site + tecnologia, mas o React parece ser uma dor real.

então aqui está um código de exemplo

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

O valor é alterado no elemento de entrada DOM, mas o React não aciona o evento de alteração.

Eu tenho tentado inúmeras maneiras diferentes de fazer com que o React atualize o estado.

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

não disponível

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

não está funcionando

email.onChange( event );

não está funcionando

Não acredito que interagir com o React tenha sido tão difícil. Eu apreciaria muito qualquer ajuda.

Obrigado

questionAnswers(2)

yourAnswerToTheQuestion