从chrome扩展名更改React.js表单值

Question

我不是在React.js中开发，但我正在开发一个chrome扩展，需要以编程方式填充不同类型网站的表单值。

该网站使用React.js，我用通常的方式填充值：

element = document.querySelector("input[name=firstName]");
element.value = "something";

当用户单击提交按钮时，即使元素具有值，他也会为该表单元素获取此错误： “这些信息是必需的。”

如果对该元素进行“更改”事件，则无效。

evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
element.dispatchEvent(evt);

在React.js框架中有一些方法我需要调用以编程方式更改值吗？来自React.js经验丰富的用户的帮助表示赞赏！

Answer 1

我找到了解决方案。在更改值之前调用element.select();。