通过常量-javascript或React创建纯组件？

Question

在React中，经常使用它来创建没有任何状态的组件，就像函数一样，

例如

const Count = () => {
    return(
        ...some tags...
    )
}

在这种情况下，我看到有些情况是通过扩展如上定义的组件来定义具有状态的组件，

例如

class CounterContainer extends Count{
    .... some codes
}

我认为，“ Count”组件不是用javascript中的典型类定义来定义的，而是像函数一样。

但是我不能肯定地说出来...这是只能在React中实现还是在Javascript中通常可以实现？

Answer 1

之所以在React中像这样设计组件，是因为当您不需要处理状态时，它使组件变得更简单，因此您不需要使用构造函数render在传统的React类中看到的很多样板。方法，扩展Component等。因此，您可以使用简单的或通常被称为的 dumb 无状态组件，而不是更复杂的有状态组件。

两者仍然是有效的Javascript。只是对如何编写代码的偏爱。