React:如何正确加载组件?

时间:2017-04-17 05:08:53

标签: javascript reactjs ecmascript-6 babeljs

我正在研究一个与ES6和babel做出反应的简单应用程序。最近我遇到了这个问题。我在这里使用了react-notifications包:https://github.com/minhtranite/react-notifications

我只是按照文档进行操作并且工作正常。我可以使用import {NotificationContainer, NotificationManager} from 'react-notifications';

导入它

但后来我尝试使用它:https://github.com/cezary/react-loading

现在在反应加载的例子中,开发人员没有使用ES6方式来获取组件。我试着查看JS文件并在执行npm install react-loading后尝试了这个:

import {Loading} from 'react-loading';但不知怎的,这不起作用。我明白了:

  

您可能忘记从

中定义的文件中导出组件

但我可以看到它已导出。我做错了什么?

1 个答案:

答案 0 :(得分:3)

由于它是单个模块,因此默认导出。你必须这样做:

import Loading from 'react-loading';