如何在反应中扩展组件功能?

时间:2017-06-22 08:30:23

标签: reactjs inheritance model-view-controller composition

您好我正在研究一些内部项目,我需要在React中展示案例多重概念。我有站点A和B.A将拥有所有平台组件,B将继承A组件并且还需要具有扩展功能。例如,A有Carousel组件,它有自己的功能,我想介绍一些新的功能,比如在第一次滑动之后,我需要进行任何回调等...在React中有HOC和Composition的conepts,它将用于扩展组件,因为它有没有继承概念。

1 个答案:

答案 0 :(得分:0)

尽管react中的继承并不像其他框架那样广泛适用(并且明确地反应do not recommend这种方法),但是没有什么能阻止你在必要时使用继承:

export class BaseComponent extends React.PureComponent
{
    // ...
}

export class AdvancedComponent extends BaseComponent
{
    // ...
}

覆盖后代所需的方法。