2025年react组件调用方法（react组件必不可少的函数）

科技前沿 • 2025-04-26 08:18 • 阅读 44

大家好，我是讯享网，很高兴认识大家。

类组件，顾名思义，也就是通过使用类的编写形式去编写组件，该类必须继承

如果想要访问父组件传递过来的参数，可通过的方式去访问

在组件中必须实现方法，在中返回对象，如下：

函数组件，顾名思义，就是通过函数编写的形式去实现一个组件，是中定义组件最简单的方式

函数第一个参数为用于接收父组件传递过来的参数

针对两种组件，其区别主要分成以下几大方向：

两者最明显的区别在于编写形式的不同，同一种功能的实现可以分别对应类组件和函数组件的编写形式

函数组件：

类组件：

在出来之前，函数组件就是无状态组件，不能保管组件的状态，不像类组件中调用

如果想要管理状态，可以使用，如下：

在使用情况下，一般如果函数组件调用，则需要创建一个类组件或者提升到你的父组件中，然后通过对象传递到子组件

在函数组件中，并不存在生命周期，这是因为这些生命周期钩子都来自于继承的

所以，如果用到生命周期，就只能使用类组件

但是函数组件使用也能够完成替代生命周期的作用，这里给出一个简单的例子：

上述简单的例子对应类组件中的生命周期

如果在回调函数中一个函数，则函数会在组件卸载的时候执行，正如

如果是一个函数组件，调用则是执行函数即可：

果是一个类组件，则需要将组件进行实例化，然后调用实例对象的方法：

首先给出一个示例

函数组件对应如下：

类组件对应如下：

两者看起来实现功能是一致的，但是在类组件中，输出，在&nbsp;中是不可变的所以它永远不会改变，但是&nbsp;&nbsp;总是可变的，以便您可以在&nbsp;&nbsp;和生命周期函数中读取新版本

因此，如果我们的组件在请求运行时更新。 将会改变。方法从“最新”的  中读取 

而函数组件，本身就不存在，并不发生改变，因此同样是点击，的内容仍旧是之前的内容

两种组件都有各自的优缺点

函数组件语法更短、更简单，这使得它更容易开发、理解和测试

而类组件也会因大量使用 而让人感到困惑