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



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

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

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

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

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

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

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

函数组件：

类组件：

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

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

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

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

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

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

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

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

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

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

首先给出一个示例

函数组件对应如下：

类组件对应如下：

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

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

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

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

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

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

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/yd-react-native/19705.html