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

Question

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

例如

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

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

例如

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

在我看来，“Count”组件不是用 JavaScript 中典型的类定义来定义的，而是像一个函数。

但我不能确定……这只能在 React 中实现还是在 Javascript 中通常可以？

Answer 1

之所以像 React 中那样设计组件，是因为当你不需要处理状态时，它使组件变得更简单，因此你不需要传统 React 类中带有构造函数、渲染的大量样板文件方法，扩展组件等等。因此，您可以拥有简单的，或者正如他们经常提到的那样 - 哑无状态组件与更复杂的有状态组件。

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