Javascript 反应:如何正确加载组件?
我正在用ES6和babel开发一个简单的应用程序。最近我遇到了这个问题。我在这里使用了Javascript 反应:如何正确加载组件?,javascript,reactjs,ecmascript-6,babeljs,Javascript,Reactjs,Ecmascript 6,Babeljs,我正在用ES6和babel开发一个简单的应用程序。最近我遇到了这个问题。我在这里使用了react通知包: 我只是按照文件做的,效果很好。我可以使用import{NotificationContainer,NotificationManager}从'react notifications'导入它 但后来我试着用这个: 现在在react加载的示例中,开发人员没有使用ES6方法来获取组件。我尝试查看JS文件,并在执行npm安装反应加载后尝试此操作: 从'react Loading'导入{Loading
react通知
包:
我只是按照文件做的,效果很好。我可以使用import{NotificationContainer,NotificationManager}从'react notifications'导入它代码>
但后来我试着用这个:
现在在react加载的示例中,开发人员没有使用ES6方法来获取组件。我尝试查看JS文件,并在执行npm安装反应加载后尝试此操作:
从'react Loading'导入{Loading}代码>但不知怎的,这不起作用。我明白了:
您可能忘记了从定义组件的文件中导出组件
但我可以看到它是出口的。我做错了什么?因为它是单个模块,所以默认情况下会导出它。您必须这样做:
import Loading from 'react-loading';
由于它是一个单独的模块,因此默认情况下会将其导出。您必须这样做:
import Loading from 'react-loading';
您应该这样做:从“反应加载”导入加载代码>@SaugatAcharya当然!该组件将作为默认值导出。谢谢如果你愿意,我会接受你的回答publish@AmitTeli是的,我是。正如@SaugatAcharaya所说,没有必要做{Loading}
。该组件将作为默认值导出。它现在可以工作了,您应该这样做:从“反应加载”导入加载代码>@SaugatAcharya当然!该组件将作为默认值导出。谢谢如果你愿意,我会接受你的回答publish@AmitTeli是的,我是。正如@SaugatAcharaya所说,没有必要做{Loading}
。该组件将作为默认值导出。现在可以用了