相关疑难解决方法(0)

我试图在IE9 +上实现原生承诺,似乎Internet Explorer不识别"Promise"类/对象.我在http://caniuse.com/#search=Promise中搜索并看到IE没有Promise对象.但这很奇怪,因为jQuery和Angular可以使用promises并在IE9 +中工作. 也许他们正在实施自己的承诺？**我可以实现自己的承诺吗？**

我正在尝试一个基本的反应网络应用程序的教程,它在chrome中完美运行.这是我的代码:

import React, {Component} from 'react';

export default class App extends Component {
  async componentDidMount() {
    const [r1,r2] = await Promise.all([
        fetch('http://api.mywebsite.com/content/cars'),
        fetch('http://api.mywebsite.com/content/aircrafts'),
    ]);
    this.setState({content:await r1.json(),content2: await r2.json()});

  }
  render() {
    if(this.state) {
      console.log(this.state);
    }
    return (
        <div>hello</div>
    )
  }
}

这与我在Chrome中的预期完全一样 - 加载react组件,获取一些数据,设置状态,并将状态打印到控制台.

但是,此代码将无法在Internet Explorer 11中运行.我得到的只是一个空白页面,在我的开发人员工具中,我收到错误

预期'}'

当我点击错误链接时,会突出显示以下代码段:

  _createClass(App, [{
    key: 'componentDidMount',
    value: async function componentDidMount() {
      var _ref = await Promise.all([fetch('http://new.evermight.com/content/index'), fetch('http://new.evermight.com/content/index')]),
          _ref2 = _slicedToArray(_ref, 2),

用箭头指向该线value: async function componentDidMount() {.

如何在Internet Explorer 11中使用此功能？我只希望在获取调用之后触发setState,这样就完成了.我需要等待行为.

编辑

我正在使用webpack来编译我的项目.如果它有帮助,这是我的package.json文件: …

Web应用程序页面包含两个大组件,它们在完全呈现时会调用回调.

问题是在两个组件完全呈现后调用函数.

这可以通过使用超时和轮询一些变量来解决,但我想应该有更好的方法.

让我们说,我有这样的:

function callMeAfterBothRendered() {...};
libA = libraryA($('.comp1'), {"rendered": function () {...}});
libB = libraryB($('.comp2'), {"rendered": function () {...}});

我已经找到了链接承诺的一些材料,但不太确定如何应用于这种情况？

一个复杂的问题是,实际上这些库不是直接在同一个地方调用的(如上面简单示出的),而是在适配器"类"中更深层次的一些初始化方法中.

什么可以是这个的好解决方案,也可以很容易地推广到3个组件？