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