Reactjs类组件未呈现,但函数在IE11中呈现

时间:2019-05-13 08:41:29

标签: reactjs internet-explorer

我正在使用antd开发React应用。在Chrome中可以正常工作。在IE-11中,它呈现空白页。 IE控制台报告以下语法错误:

script 1002 main.chunk.js (127,1)

当我将类组件转换为功能组件时,它将开始呈现。为什么类组件没有?谁能帮我...?

非常感谢!

3 个答案:

答案 0 :(得分:2)

在React中,我们编写了ES6代码,它是Java脚本的较新版本,并且某些较旧的浏览器不支持它,因为我们需要babel(一个JavaScript编译器),因此我们的jsx可以编译为纯JavaScript。< / p>

you can learn more about bable from here

如果您是新手,并且不想自己配置Webpack,也可以简单地使用create react app,它是创建React应用程序的样板,它将由他自己完成所有配置。 / p>

答案 1 :(得分:1)

  

为什么类组件没有?谁能帮我...?

这是因为IE 11不支持es6类。在此类问题中,请尝试查看https://caniuse.com/#search=classes以获得功能支持。

现在,你知道为什么了。像babel这样的编译器的帮助下,您如何解决这个问题。通常,您希望借助样板来引导您的应用程序,其中您不必一开始就担心此类事情,因为您的重点是学习React。 Create React app是一个不错的入门对象,它将为您抽象出许多此类问题。它具有编译,热重载,Webpack等更多配置。学习愉快!

答案 2 :(得分:0)

默认情况下,生成的项目支持所有现代浏览器。对Internet Explorer 9、10和11的支持需要polyfill。要获得一组支持较旧浏览器的polyfill,请use react-app-polyfill

参考: Supported Browsers