javascript - React，如何从文件夹index.js导入组件

我有一个小的组件库正在尝试构建。因此，将它们放置在文件夹中，然后仅使用import * from文件夹将我需要的或一次全部导入是有意义的。

看起来有点像这样。

 /sliceZone
 |--index.js
 |--newsBlock.js

这就是我在newsBlock.js中导出组件的方式：

export default NewsBlock;

在sliceZone文件夹中的index.js中，我具有：

export { NewsBlock } from './newsBlock';

在我正在处理的文件中，我试图像这样导入它：

import { NewsBlock } from './sliceZone';

但是我的终端出现错误

warn "export 'NewsBlock' was not found in './sliceZone'

如何从index.js文件导出组件？

最佳答案

在您的index.js文件上，您应该尝试

export {default as NewsBlock} from './newsBlock';

关于javascript - React，如何从文件夹index.js导入组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61545516/