Reactjs IE11中未呈现的特定React代码

我编写了一个小组件，可以在Chrome和Firefox中正确渲染，但不能在IE11中正确渲染。应用程序的主要入口点已设置IE兼容性：

doctype html
html
  head
  meta(http-equiv='X-UA-Compatible', content='IE=edge')
  title= title
  link(rel='stylesheet', href='./stylesheets/eventinfo.css')
body
block content

我的作文是这样的：

import React from 'react';
import { SettingsPane, SettingsPage, SettingsContent, SettingsMenu} from 'react-settings-pane';
import {Col, Form, FormGroup, FormControl, ControlLabel, HelpBlock, Button, Alert, Checkbox} from 'react-bootstrap'
import { Creatable } from 'react-select';

const Settings = React.createClass({

    render: function () {
        var data = this.props.data;
        var envFilter = data["settings.notifications.environments"] || "";
        var isChecked = this.props.data['settings.notifications.receiveMailNotifications'];

        const menu = [
            {
                title: 'Email warnings',
                url: '/settings/notifications'
            }
        ];

        // Save settings after close
        let leavePaneHandler = (wasSaved, newSettings, oldSettings) => {
            // "wasSaved" indicates wheather the pane was just closed or the save button was clicked.

            if (wasSaved) {
                var environmentsObject = newSettings["settings.notifications.environments"];
                var environments = environmentsObject.toString();
                var applications = newSettings["settings.notifications.applications"];

                this.props.onSubmit(newSettings);

            }
        };

        return (
            <SettingsPane items={menu} index="/settings/notifications" settings={data}
                          onChange={this.settingsChanged} onPaneLeave={leavePaneHandler}>
                <SettingsMenu headline="Settings"/>
                <SettingsContent header={true}>
                    <SettingsPage handler="/settings/notifications">
                        <FormGroup>
                            <Col componentClass={ControlLabel} sm={2} />
                            <Col sm={10}>
                                <label>
                                <input
                                    type="checkbox"
                                    checked={isChecked}
                                    onChange={this.props.toggleMailNotification}
                                    />
                                    Receive mail notification for these environments
                                    </label>
                            </Col>
                        </FormGroup>
                        <FormGroup>
                            <Col componentClass={ControlLabel} sm={2}>
                                <div>
                                    <label>Miljø/miljøklasse</label>
                                </div>
                            </Col>
                            <Col sm={10} className="dummy">
                                <Creatable
                                    name="settings.notifications.environments"
                                    options={this.props.options}
                                    value={envFilter}
                                    onChange={this.props.handleEnvironmentsChange}
                                    multi={true}
                                    allowCreate={true}
                                    tabSelectsValue={false}
                                    className="settings-creatable"
                                    placeholder="Enter environments"
                                />
                            </Col>
                        </FormGroup>
                    </SettingsPage>
                </SettingsContent>
            </SettingsPane>
        )
    }
});


export default Settings;

从“React”导入React；
从“反应设置窗格”导入{SettingsPane，SettingsPage，SettingsContent，SettingsMenu}；
从“react bootstrap”导入{Col，Form，FormGroup，FormControl，ControlLabel，HelpBlock，Button，Alert，Checkbox}
从“反应选择”导入{createable}；
常量设置=React.createClass({
渲染：函数（）{
var数据=this.props.data；
var envFilter=data[“settings.notifications.environments”]| |“”；
var isChecked=this.props.data['settings.notifications.receiveMailNotifications']；
常量菜单=[
{
标题：“电子邮件警告”，
url:“/settings/notifications”
}
];
//关闭后保存设置
let leavePaneHandler=（已保存、新闻设置、旧设置）=>{
//“wasSaved”表示窗格是刚刚关闭还是单击了保存按钮。
如果（已保存）{
var environmentsObject=newSettings[“settings.notifications.environments”]；
var environments=environmentsObject.toString（）；
var applications=newSettings[“settings.notifications.applications”]；
this.props.onSubmit（新闻设置）；
}
};
返回(
接收这些环境的邮件通知
米尔乔伊/米尔乔克拉斯
)
}
});
导出默认设置；

---

我应该如何准确地确定是什么导致IE11不呈现此代码？控制台中没有错误。如有任何建议，将不胜感激

谢谢你的回答。最后，我基于react引导组件重写了代码，而不是调试这个组件。

---

下次我将使用评论部分提供的调试建议

你使用巴别塔还是什么？那不是“小组件”。不管怎样，其他组件渲染正确吗？如果用

const Settings=（）=>Hello替换它会怎么样或者，如果将
呈现
函数替换为
函数（）{return Hello；}
，会怎么样？修复这样一个bug的第一步是弄清楚什么是有效的。