javascript - 使用 javascript(Tampermonkey 脚本)将文本键入 React 输入？

Question

我正在尝试制作一个 Tampermonkey 脚本，它会自动将文本输入到某些表单输入字段中。

通常，您只需:

myElement.value = "my new text"

问题是，这个表单使用的是 React，我不能直接更改值，因为它没有设置 React 状态。我如何在我的 Tampermonkey 脚本中将我想要的数据输入到这些 React 组件中？

Answer 1

答案可以在那里找到https://github.com/facebook/react/issues/11488#issuecomment-347775628

let input = someInput; 
let lastValue = input.value;
input.value = 'new value';
let event = new Event('input', { bubbles: true });
// hack React15
event.simulated = true;
// hack React16 内部定义了descriptor拦截value，此处重置状态
let tracker = input._valueTracker;
if (tracker) {
  tracker.setValue(lastValue);
}
input.dispatchEvent(event);