Question

我正在为内部项目创建某种基本系统，我正在使用OOP方法实现自定义表单系统，因为我正在使用TypeScript。

class Form extends React.Component {}

abstract class FormElement extends React.Component<{validations?:ValidationLogic[]}> {
   validate();
   setData();
   setValidation();
}

class FormText extends FormElement {}

参考这些：https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4

我想知道，使用类的缺点是纯粹是主观的，还是有客观的观点，如果存在性能问题，我会很高兴看到这些数据。

由于

Answer 1

使用类语法创建React组件时，您将可以访问React的生命周期方法。您可以阅读更多相关信息here。此外，如果您的组件需要访问this，设置状态或设置ref，您应该使用类组件。

Answer 2

用React做OO很好，并且有@sxzhao指出的好处。

但是，避免使用OO作为重用函数的机制，或者向React组件添加更多“功能”，例如额外的逻辑。

最好将它们与React Components分开。

您的逻辑最好在其他地方处理，例如使用Redux，Mobx或任何其他方式。

在JavaScript和React上使用OOP方法的缺点是什么？

2 个答案: