为什么我们在React中创建类组件时要扩展React.Component?

10 javascript reactjs react-native es6-class

我是React新手,我很困惑,日夜不停地思考它,几乎所有的头发都掉下来了,而且还在掉下来,这就是为什么我们在使用类创建组件时总是扩展 React.Component类。

但在功能组件和其他方法中,我们不会做任何这样的事情来将创建的组件推送到React.Component类中。所以主要问题是,什么是React.Component类,为什么我们总是使用extends将新组件作为子组件添加到它,以及为什么我们不能在不使用类组件中的扩展或不扩展React.Component类的情况下在 React Native 中创建组件。那么,React.Component类在幕后的React内部发生了什么,场景是什么?

我将非常非常感谢那个用例子和简单的方法回答我的问题的人。

And*_*ser 10

React 组件只是简单的函数。

例如,只要不使用 JSX,您就可以在不reactimport 的情况下渲染功能组件。react

如果您想使用 JSX 并将其写入文件HTMLjs,那么您需要导入react.

如果您想编写一个利用生命周期方法的组件,您将需要扩展默认Component类。该类Component包含生命周期方法,不应与其他通用react组件混淆,例如功能组件或您可能编写的任何组件。这Component是指由 维护的特定类实现react

扩展Component将使您能够访问componentDidMountcomponentDidUpdatecomponentWillUnmount等函数render