react首页项目要过多的import怎么办啊

Question

如此，项目比较大，所有的组件都需要这样引入吗，有没有什么好的方法？

Answer 1

有一个小小的优化，可以在组件文件夹里设置一个通用出口，比如在 statistic 文件夹下增加 index.js:

import Overview from './overview'
import AgentStatistic from './agentStatistic'
// ...

export {
  Overview,
  AgentStatistic,
  // ...
}

在这个文件中使用：

import {
  Overview,
  AgentStatistic,
  // ...
} from './statistic'

或者 import * as CUSTOM_NAME from './statistic'，使用时，用 CUSTOM_NAME.overview 这种方式