美文网首页
[搬运] React 函数式组件与类组件的区别

[搬运] React 函数式组件与类组件的区别

作者: 玛丽莲做梦 | 来源:发表于2019-12-03 16:49 被阅读0次

1 - 函数式组件不会被实例化。整体渲染性能的搭配提升

    函数式组件被精简成一个 render 方法的函数,所以它没有组件实例化的过程,无实例化过程也就不需要分配多余的内存,故性能得到一定的提升。同时,函数式组件本身式没有 this 的,所以在使用 Ref 等模块时与类组件也有所区别。

2 - 函数式组件没有状态

    函数式组件本身没有自己的内部状态 state,数据依赖于 props 的传入,所以它又称无状态组件

3 - 函数式组件没有访问生命周期的方法

    函数式组件是不需要组件生命周期管理的,所以底层实现这种形式的组件时是不会实现组件的生命周期方法。

何时使用函数式组件?

    函数式组件相比于类组件,拥有更好的性能和更简单的职责,十分适合分割原本庞大的组件,未来 React 也会对函数式组件进行一系列的优化,譬如无意义检查和内存分配领域相关的优化。所以只要有可能,尽量使用函数式组件。

相关文章

  • React - 类组件创建

    React创建组件有两种方式 函数式组件 类组件函数式组件已经学过,现在看下类组件怎么写。 函数式组件和类组件区别...

  • React Hooks 实现和由来以及解决的问题

    与React类组件相比,React函数式组件究竟有何不同? 一般的回答都是: 类组件比函数式组件多了更多的特性,比...

  • [搬运] React 函数式组件与类组件的区别

    1 - 函数式组件不会被实例化。整体渲染性能的搭配提升 函数式组件被精简成一个 render 方法的函数,所以...

  • 最新面试集合

    react 1,react类组件和函数组件区别 函数组件:function Welcome (props) {re...

  • React Hooks

    前言 React中组件分为两大类:Class类式组件、函数式组件 React v16.8以前: Class类式组件...

  • React_hooks

    React_hooks React16.8新增的特性,主要针对函数组件 一、函数组件和类组件的区别 函数组件的运行...

  • 笔记-React-Hooks

    一、矛与盾的问题?(Class组件与函数式组件)   在 React 中 Class 组件好用还是函数式组件好用呢...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React 常见 hook

    React 创建组件的方式: 类组件 函数式组件a. 纯函数组件没有状态b. 纯函数组件没有生命周期c. 纯函数组...

  • React组件介绍

    组件介绍 React中组件主要可分为函数组件和类组件,两者区别是函数组件没有state和生命周期,故函数组件也称为...

网友评论

      本文标题:[搬运] React 函数式组件与类组件的区别

      本文链接:https://www.haomeiwen.com/subject/zfdcgctx.html