從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();。