Javascript 在IE上运行React应用程序时出现语法错误

当我在IE中运行我的应用程序时，我在“class ProductList Extendes React.Component{”上遇到了一个语法错误。在chrome中，它运行良好，但在IE中，React似乎都不起作用，我在第一个React行遇到了语法错误。 我是不是漏掉了什么明显的东西？某种包裹

   var React = require('react');
   var PamService = require('../service/pamService');

   class ProductList extends React.Component {
constructor(props) {
    super(props);
    this.state = ({
        products: [],
        filteredProducts: []
    });
    this.getProducts();
}
getProducts() {
    var state = this;
    PamService.getProducts("IDDS_stefan", "en").then(function (result) {
        console.log(result);
        var products = state.setNoImage(result.data);
        state.setState({
            products: products,
            filteredProducts: products
        });
    });
}
setNoImage(products) {
    for (var i = 0; i < products.length; i++) {
        if (products[i].Image === "") {
            products[i].Image =  "test";
        }
    }
    return products;
}
filterProducts(categoryId) {
    console.log("FILTERPRODUCSSMAFFAKKA");
    var products = this.state.products;
    var filteredProducts = [];
    for (var i = 0; i < products.length; i++) {
        if (products[i].CategoryId.toLowerCase() === categoryId.toLowerCase()) {
            filteredProducts.push(products[i]);
        }
    }
    this.setState({ filteredProducts: filteredProducts });
}
searchProducts(searchText) {
    var filteredProducts = this.state.products;
    var searchedProducts = [];
    for (var i = 0; i < filteredProducts.length; i++) {
        if (filteredProducts[i].Name.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
            searchedProducts.push(filteredProducts[i]);
        } else if (filteredProducts[i].ShortDescription.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
            searchedProducts.push(filteredProducts[i]);
        } else if (filteredProducts[i].ProductId.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
            searchedProducts.push(filteredProducts[i]);
        }
    }
    this.setState({ filteredProducts: searchedProducts });
}
resetProducts() {
    var products = this.state.products;
    this.setState({
        filteredProducts: products
    });
}
render() {
    return (<div className="product-container">
                    <div className="product-list" >
                        <div className="product-list-header">
                            <div>&nbsp;</div>
                            <div>Art.No</div>
                            <div>Name</div>
                            <div>Description</div>
                            <div>Unit</div>
                            <div>Remark</div>
                            <div>Info</div>
                            <div>Stock</div>
                            <div>Price (EUR)</div>
                            <div>Quantity</div>
                            <div id="refresh-product-list" onClick={() => this.resetProducts()}>
                                <i className="fa fa-refresh" aria-hidden="true"></i>
                            </div>
                        </div>
                    {
                        this.state.filteredProducts.map((product) => {
                            return <div className="product-list-item" key={product.ProductId}>
                                <div>
                                    <img src={'data:image/png;base64,' + product.Image} className="product-image"></img>
                                </div>
                                <div>{product.ProductId}</div>
                                <div>{product.Name}</div>
                                <div>{product.ShortDescription} </div>
                                <div>Needed?</div>
                                <div>Needed?</div>
                                <div>Needed?</div>
                                <div>Where to get?</div>
                                <div>1</div>
                                <div></div>
                            </div>
                        })
                    }
                </div>
            </div>)
}
};

 module.exports = ProductList;

var React=require（'React'）；
var PamService=require（'../service/PamService'）；
类ProductList扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state=({
产品：[]，
filteredProducts:[]
});
这个.getProducts（）；
}
getProducts（）{
var状态=此；
PamService.getProducts（“IDDS_stefan”，“en”）。然后（函数（结果）{
控制台日志（结果）；
var产品=state.setNoImage（result.data）；
state.setState({
产品:产品,，
过滤器产品：产品
});
});
}
setNoImage（产品）{
对于（变量i=0；i
{
this.state.filteredProducts.map（（产品）=>{
返回
{product.ProductId}
{product.Name}
{product.ShortDescription}
需要？
需要？
需要？
去哪里？
1.
})
}
)
}
};
module.exports=产品列表；

您是否在使用babel传输es6代码？查看CreateReact应用程序以获取示例。

您是否使用babel传输es6代码？查看CreateReact应用程序以获取示例。

记住，chrome和firefox将支持ES6的大部分功能或出现在那里的javascript版本。但是，Edge和IE不支持此类功能。为了让您在这些浏览器中运行Javascript ES6，您需要将代码转换或转换为本机Javascript。。为此，你可以使用巴别塔，这是一个伟大的帮助

请记住，chrome和firefox将支持ES6的大部分功能或出现在那里的javascript版本。但是，Edge和IE不支持此类功能。为了让您在这些浏览器中运行Javascript ES6，您需要将代码转换或转换为本机Javascript。。为此，你可以使用巴别塔，这是一个伟大的帮助

您可以使用：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

在index.html的头部告诉IE运行兼容模式

您可以使用：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

---

在index.html的头部告诉IE运行兼容模式

IE？Edge的哪个版本，但其中任何一个都会给出相同的结果足够的信息来处理。你能制作一把小提琴或其他东西让我们看一看吗？什么版本的IE？Edge，但它们中的任何一个都能提供相同的结果足够的信息来使用。你能做一把小提琴或其他东西让我们看看吗。