javascript - 从 Facebook 帖子上的 Chrome 扩展触发 React 组件的状态更改

Question

我正在为 Facebook 做一个 Chrome 插件，我想使用外部 javascript 修改帖子。我可以更改跨度的 textContent，但状态不会更改，并且“保存”按钮未激活。



html 看起来像这样:

<div class="" data-block="true" data-editor="1477r" data-offset-key="a699d-0-0">
  <div data-offset-key="a699d-0-0" class="_1mf _1mj">
    <span data-offset-key="a699d-0-0">
      <span data-text="true">test</span>
    </span>
  </div>
</div>

React Developer Tools 中的组件:
[

我分析了文本的更改，这是激活保存按钮的 6 毫秒时间线的结果。


有一些方法可以修改 React 输入，但没有找到解决我的问题的方法:

https://github.com/facebook/react/issues/11488

https://github.com/facebook/react/issues/10135#issuecomment-314441175

如何使用外部 javascript 更改 Facebook 帖子及其状态？

你会怎么做？

Answer 1

这是不可能的，你不能从应用程序外部强制改变 React 元素树。您必须通过修改 Facebook 的前端代码(谨防法律后果)或实现您自己的帖子 UI 以声明方式呈现树。