首页 > 其他分享 >React Hooks的理解,React Hooks有哪些,解决了什么问题

React Hooks的理解,React Hooks有哪些,解决了什么问题

时间:2023-01-09 02:00:10浏览次数:31  
标签:状态 逻辑 哪些 Hooks React state 组件

一、是什么

  Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性

至于为什么引入hook,官方给出的动机是解决长时间使用和维护react过程中常遇到的问题,例如:

  • 难以重用和共享组件中的与状态相关的逻辑
  • 逻辑复杂的组件难以开发与维护,当我们的组件需要处理多个互不相关的 local state 时,每个生命周期函数中可能会包含着各种互不相关的逻辑在里面
  • 类组件中的this增加学习成本,类组件在基于现有工具的优化上存在些许问题
  • 由于业务变动,函数组件不得不改为类组件等等

在以前,函数组件也被称为无状态的组件,只负责渲染的一些工作

因此,现在的函数组件也可以是有状态的组件,内部也可以维护自身的状态以及做一些逻辑方面的处理

二、有哪些

标签:状态,逻辑,哪些,Hooks,React,state,组件
From: https://www.cnblogs.com/chccee/p/17035884.html

相关文章

  • react-vant 所有滚动区下拉都可以触发PullRefresh下拉刷新的问题
    react-vantPullRefresh组件判断是否下拉刷新是从三个维度来判断的:手势的方向手势是否是垂直方向触摸事件的父级滚动区这样就造成了一个问题,不管是内部滚动区或者外部......
  • react hooks forwardRef, useImperativeHandle使用
    1、React.forwardRefReact.forwardRef 会创建一个React组件,这个组件能够将其接受的 ref 属性转发到其组件树下的另一个组件中。React.forwardRef 接受渲染函数作为参......
  • 申请内存有哪些函数
    linux系统中有哪些申请释放内存的函数接口了? 1、malloc函数族首先肯定是c库函数,linux环境下的glibc库实现名为ptmalloc的内存分配器,ptmalloc提供了malloc(),free()以......
  • Vue组件之间的通信方式都有哪些?
    一、组件间通信的概念我们通常把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一,vue中每一个.vue我们都可以视之为一个组件通信指的是发......
  • Vue和React路由原理
    hash<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • 平面广告创意方法有哪些?-优漫动游
      平面广告创意方法有哪些?平面广告的创意是指广告中传达信息的手法和形式。广告创意的基本要求是通过创造新颖、独特的视觉效果来吸引人们的注意力。而传播目的则是通过......
  • ui设计可以从事的岗位有哪些?-优漫动游
      ui设计指对软件的人机交互、操作逻辑、界面美观的整体设计,其可以分为实体ui和虚拟ui两类,那么,ui设计可以从事的岗位有哪些?UI设计师不仅可以从事UI设计方面的工作,还能胜......
  • 曼孚技术分享:数据标注都在自动驾驶哪些场景落地?
    从摄像机到激光雷达,从卡车到乘用车,自动驾驶AI场景正在快速落地。纵观市场,自动驾驶车企已是车载斗量。据企查查数据显示,我国现存自动驾驶相关企业5682家。2022年上半年,我国......
  • 深度剖析生产工厂用ERP系统进行管理有哪些优势
    对于生产制造企业而言,生产现场管理永远是其得以健康发展的重要环节。现场是产品开发和生产的场所,企业要降低成本、按期交付产品,以及产品质量要达到客户所期望的要求和水平,这......
  • react 高效高质量搭建后台系统 系列 —— antd和样式
    其他章节请看:react高效高质量搭建后台系统系列antd后续要做登录模块(主页),不仅要解决请求数据的问题,还需要完成antd配置以及样式的准备。antd多种主题风格详情......