如何使用JQuery填充React生成的输入字段

小编典典

如何使用JQuery填充React生成的输入字段

reactjs

我正在尝试编写一个书签以自动填充表单，以简化手动测试。该站点在React中实现。我试过使用JQuery，例如：

$("#emailAddress").val("[email protected]").changed()

尽管input在浏览器中对该字段进行了明显更新，但似乎在幕后该字段未被识别为已更改，因为在表单提交时验证失败，称数据丢失。

有没有一种可行的方法可以使用临时JS自动填充React表单字段，而无需更改任何源代码？

（注意：我知道这种直接操作不是在普通应用程序开发中使用React的正确方法。在这里，我正在寻找任何解决方案，无论多么棘手，以简化即席手动测试）。

阅读 341

2020-07-22

共1个答案

小编典典

//find element
let elem = document.querySelector("#emailAddress");
//create event
let event = new Event('input', { bubbles: true });
//set value
elem.value="[email protected]";
//trigger event
elem.dispatchEvent(event)

2020-07-22