Promise 后的火灾事件

Question

我有一个像 webproxy 一样工作的项目。使用它来更改其他站点。（这部分很重要，我只能注入javascript代码，但我不能更改站点本身的代码。）

我正在尝试修改一个用 React 制作的网站，但我做不到。该网站通过 api 获取内容并承诺。所以我遇到了问题：

如果我使用：

window.addEventListener('DOMContentLoaded', function () {

  document.getElementsByClassName ('content-class')[0].innerHTML="New Content";
});

内容尚不存在且不起作用

如果我使用：

window.onload = function() {
 document.getElementsByClassName ('content-class')[0].innerHTML="New Content";
}

内容出现一段时间后才有效。

我试过了

var content = document.getElementsByClassName('content-class')[0];

content.addEventListener ('load', function() {

    document.getElementsByClassName('content-class')[0].innerHTML="New Content";

});

同样失败

我该如何解决这个问题？有没有办法在所有的promise完成后触发一个事件？

或者检测元素是由promise创建的，触发事件

Answer 1

据我所知，没有办法跟踪 React 应用程序中发生的承诺

但是，现代浏览器确实有突变观察器 api developer.mozilla.org/en-US/docs/Web/API/MutationObserver，它可用于检测 React 应用程序对 DOM

所做的更改

Promise 后的火灾事件

Fire event after Promise

javascript

ecmascript-6

reactjs

es6-promise