javascript - ReactJS 虚拟 DOM 与语法浏览器扩展检测输入操作

Question

所以，我遇到了一个问题，由于要维护输入字段的状态；当他们在浏览器中使用像 Grammarly 这样的扩展程序时，会破坏应用程序的用户体验。正如我所想的那样，问题是因为状态是不可变的，并且 Grammarly 会在不触发更改的情况下更改 DOM。因此，状态不会改变，因此 Grammarly 的更改会丢失，假设输入是表单的一部分，然后我点击提交。来自 react 状态的数据被发送下来，而不是语法上所做的视觉变化。

所以我的总体问题是.. 有没有人知道我可以部署以捕获此类实例并正确使用它们的方法、手段或实践。

Answer 1

你可以尝试使用MutationObserver用于检测 DOM 节点的外部变化，然后像常规输入一样将它们应用于状态。

回复:有关 Grammarly 扩展兼容性的更多信息，您可以查看 this线。

此外，Grammarly 将在不久的将来发布开发者指南。