Question

我目前正面临和困扰着我的问题。我正在逐步将旧版Web应用程序迁移到React（v16.4.1）。

它可在Chrome，Firefox，Opera和IE 11以上的版本中运行，但对于IE9和IE10则无法运行。这是代码（在真正实现代码之前，我已经完成了一个基本示例）。

App.js

import * as React from "react";
import * as ReactDOM from "react-dom";

import DatePickerComponent from "./components/DatePickerComponent";

window.datePicker = function (dom) {
  ReactDOM.render(<DatePickerComponent aa="aa"/>, dom);
};

Datepicker.js

import React from "react";

export default class DatePickerComponent extends React.Component {

  handleClick = (event) => {
    //eslint-disable
    console.log(event);
  }

  render() {
    return <a href="#" onClick={this.handleClick}>Hola</a>;
  }
}

Profile.js

  window.datePicker(document.getElementById("assetGainFromId"));

profile.jsp

<asset:include-js src="/res/js/polyfill/polyfills.min.js" bundle="preload"/>
<asset:include-js src="/res/js/jquery.js" bundle="global"/>
        <asset:include-js src="webjar:umd/react.production.min.js" devSrc="webjar:umd/react.development.js" bundle="global"/>
        <asset:include-js src="webjar:umd/react-dom.production.min.js" devSrc="webjar:umd/react-dom.development.js" bundle="global"/>
<asset:include-js src="/resources/js/app.min.js" bundle="global"/>
<asset:include-js src="/res/js/profile/profile.js" bundle="global"/>

我得到的错误如下：

警告：该组件似乎具有渲染方法，但不扩展React.Component。这可能会导致错误。更改Unknown以扩展React.Component。引发异常和未捕获文件：react-dom.development.js，行：17121，列：5 上述错误发生在您的React组件之一中：未知考虑将错误边界添加到树中以自定义错误处理行为。访问react-error-boundaries了解更多信息错误边界。

Answer 1

已修复，这是预设Babel版本（从1.1.0到1.2.0）存在的问题

反应：未知组件错误。 IE浏览器

1 个答案: