javascript – 如何清理模块中的import语句

我正在慢慢学习如何将组件分解成组件,但我的OCD对某一特定组件感到生气.我有一个包含许多不同卡片/面板的标签视图.标准仪表板.然而,当我添加新卡(和redux动作)时,我的import语句正在快速增长.

import { fetchUser,matchUser,stopMatchUser } from '../../actions/userAction'
import { fetchMatches } from '../../actions/matchAction'
import MatchingCard from '../../components/MatchingCard'
import MapCard from '../../components/MapCard'
import ImageCard from '../../components/ImageCard'
import DocumentCard from '../../components/DocumentCard'

什么是整理它的标准模式？把所有这些类放在一个文件中？我打算创建一个导入文件,但我仍然处于添加许多导入的相同场景中？

任何意见,将不胜感激.

最佳答案

您可以在某些连接组件中进行大量导入,但这并不是那么糟糕.

将组件加入到一个文件中通常是错误的决定,将它们分开会好得多.

根据我的经验,有一个真正的解决方案 – 将内容分解为更小的组件.那么平均而言,每个文件的依赖关系会更少.

您还可以考虑其他抽象,例如HOC(https://facebook.github.io/react/docs/higher-order-components.html),它可以减少结果中组件的重复和多样性.