Javascript 在React网站上使用JS脚本自动填充输入值

我在使用自动填充JS脚本时遇到问题。这个脚本很简单，而且运行良好，它应该为两个输入字段，用户名和密码（使用jQuery（selector）.val（..）填写一些凭证）。我正在努力解决的问题是，在一些网站上（我观察到它们是在React中开发的），字段已填充，但在按下“登录”按钮后，它表示字段为空。如果只编辑这些字段的一个字符，则状态将更新，并在再次按“登录”后生效

问题是如何更改脚本以更新字段的内部状态

下面是JS，一个视频和一个网站示例

网站：

JS脚本函数：

function handleInput(selector, value) {
    console.log('handleInput ' + selector + ' value = ' + value);
    console.log('starting to check availability for handle Input');
    if (isAvailable(selector) && value !== 'null') {
        jQuery(selector).val(value);
        if (jQuery(selector).val() === value) {
            jQuery(selector)[0].dispatchEvent(new Event('input', { bubbles: true }));
            jQuery(selector)[0].dispatchEvent(new Event('blur'));
        }
   }
}

function isAvailable(selector) {
    console.log('isAvailable ' + jQuery(selector).length + " || " + jQuery(selector).is(':visible'));
    return jQuery(selector).length > 0 && jQuery(selector).is(':visible');
}

视频：