如何导入大量不重复代码的组件?

时间:2016-06-22 04:21:36

标签: javascript reactjs ecmascript-6

我有10-15个组件导入md-autocomplete文件。我必须写:

js

EVERY 组件。我的组件动态形成,因此添加相同的代码 每次创建新组件都是繁琐的。
那么,如果有某种方法可以避免重复代码甚至使用更短的写作?

2 个答案:

答案 0 :(得分:0)

你可以创建一个包含所有组件的Lib,这样你就可以导入MaxNik,然后使用MaxNik.ThreeBlocks,MaxNik.TwoBlocks

或您拥有的任何组件

答案 1 :(得分:0)

如果您的每个组件都依赖于许多其他组件,则应将此作为警告标志。

这是一个强有力的指标,表明您的组件耦合太强,您错过了通过通用接口进行抽象的好机会。代码重复很可能不仅限于import语句,而且也与导入的使用模式一样多。

作为一个绑带,使用辅助组件作为常用组件的容器/命名空间是可能的,但它并没有真正修复导致此问题浮出水面的设计缺陷。