创建包含本机导出的索引文件

Question

是否有可能在反应本机中创建一个索引文件，从中可以引用导入，而不是执行.../.../文件夹/组件？

我尝试了几种不同的方法，包括：

组件文件夹

-> chat
  -> Chat.js
-> dashboard
  -> Dashboard.js
-> home
  -> Home.js
-> index.js

指数js

import Home from './home/Home'
import Dashboard from './dashboard/Dashboard'
import Chat from './chat/Chat'

module.exports = {
    Home,
    Dashboard,
    Chat,
}

然后在组件内部，我们说Dashboard，从'.../组件'导入{Home，聊天}

另一种方法：

指数js

export Home from './home/Home'
export Dashboard from './dashboard/Dashboard'
export Chat from './chat/Chat'

我还试着用卷发环绕导出，例如export{Home}from'/home/home'，因为编译器以其他方式抛出了错误，但它仍然不能以这种方式工作。

我还尝试了这个用户问题中的方法，要求在反应本地模块

在react native中是否可以使用此功能？

Answer 1

是的，这是可能的。执行以下操作。

从组件文件进行命名导出。

来自Home.js

export { Home };

从Chat.js

export { Chat };

从仪表板。js

export { Dashboard };

其中，主页、聊天和仪表板是各自文件中的组件名称。

现在在你的index.js做以下：

export * from './home/Home';
export * from './chat/Chat';
export * from './dashboard/Dashboard';

在其他类似以下文件中使用它们：

import { Home, Chat, Dashboard } from '../components'

更新1

如果您正在使用redux并希望导出连接到存储的组件，请使用以下命令：

将连接的组件存储在常量变量中，如下所示：

const HomeComponent = connect(mapStateToProps, mapDispatchToProps)(Home)

然后按如下方式导出：

export { HomeComponent }