代码复用问题

Question

老师，请问这个项目里面提到的代码复用，在首页和详情页中有差不多的list组件（原理一致，样式和样式有区别），这样如何做到很好的复用代码并且耦合度低，我项目中有很多功能差不多的组件，但是却又不完全一致，高阶组件是个解决的方法，但是网上对于高阶组件的代码结构和应用很少，希望讲解

Answer 1

双越 2017-05-30 10:52:52

如果很作组件功能差不多，想要抽离出来复用，除了高阶组件之外，还有两种考虑方式。第一，组件内部判断，即组件通过页面的一些特征（如router、params等）来自动做出一些不一样的处理。第二，外部传入参数，由外部组件来控制一些不一样的特征处理。

• 提问者 challen3333227 #1

  我现在采用的是内部判断的模式，因为需求的不断变更和组件差异有的较大，但是功能有又差不多，所以这种方案用起来鸡肋，如果都抽到外部做了，继承的这个组件会很简单，外部写这个组件里的东西，由于需求的问题，每个页面，例如select下拉框，放置的位置和大小都不太一样，一直苦恼于如何实现复用和独特

• 双越 回复 提问者 challen3333227 #2

  有些复杂的业务，你是找不到捷径的，而且不了解业务的人也没法帮你三言两语解决问题。多尝试，有问题就改，好东西都是改出来的。

• 提问者 challen3333227 回复 双越 #3

  嗯，好吧