Reactjs 导出index.js文件中的react jsx组件

如何将jsx文件中定义的react组件绑定到index.js文件中

通过

import module from“/module”访问组件；设C=模块组件

与：

您不应该为您的用例使用导出默认值。每个模块只有一个默认导出。该值将被视为“主要”导出值，因为它是最容易导入的。有关将组件重新导出为默认导出的详细信息，请参阅：

export { default } from './Component';

要将组件重新导出为命名导出，请执行以下操作：

export { default as NamedComponent } from './Component';

import { NamedComponent } from './module';

您应该更喜欢从
index.js
作为默认导出，因为它可能是从索引导出的唯一导出

您的组件导入将如下所示：

import Component from './module';

或者，如果您使用命名的导出：

export { default as NamedComponent } from './Component';

import { NamedComponent } from './module';

假设您使用webpack捆绑文件，为了确保导入可以使用
'./Component'
而不是
'./Component.jsx'
，请在
webpack.config.js
中的
resolve
属性中包含
.jsx
作为扩展名：

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx'],
  },
};

Inside index.js

从“./Component”导出{defaultascomponentname}

然后在App.js[像这样导入]

从“./module”导入{ComponentName}谢谢，但这不是我的重点，问题是index.js似乎与jsx文件不兼容。如果用我的代码替换导入和导出语句，代码是否工作？谢谢！[here][1]建议的
index.js
正在工作：
从“/Component.jsx”导出{default as Component}[1]：