[react] 请描述下你对react的新特性Hooks的理解?它有哪些应用场景?

在 React 中使用 class 继承 React.Component,就可以在类里面使用各种各样的钩子函数,比如 componentWillMount、componentDidMount、componentWillUnmount 等。

你也可以直接写 function 来构建 reander 方法,但是就无法使用钩子函数,无法使用 setState 修改状态。
在 React 16 版本之后新增了 hooks 特性,hooks 特性的主要表现形式为:在 React 中可以直接使用函数的形式来完成所有组件逻辑。

应用场景
1.修改数据状态: useState
2.执行 DOM 挂载或者更新之后的事务 :useEffect
3.共享数据,跨组件传值:useContext
4. 复杂的状态管理:useReducer

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react] 请描述下你对react的新特性Hooks的理解?它有哪些应用场景?相关推荐

  1. [react] 请描述下事件在react中的处理方式是什么?

    [react] 请描述下事件在react中的处理方式是什么? 所有时间都挂载到 document 上,然后捕获对应的 dom. 类似事件委托 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容 ...

  2. [react] 简要描述下你知道的react工作原理是什么?

    [react] 简要描述下你知道的react工作原理是什么? 我理解的核心部分: 通过虚拟DOM表达真实DOM 通过数据驱动更新虚拟DOM进而更新真实DOM(MVVM) 有一套完整并且合理的 DOM ...

  3. [react] 请描述你对纯函数的理解?

    [react] 请描述你对纯函数的理解? 给定了输入的参数,则函数抛出的数据就是确定的 函数内没有副作用(定时器,ajax等) 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...

  4. [react] 请说下react组件更新的机制是什么

    [react] 请说下react组件更新的机制是什么 靠事务批量更新 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

  5. [vue] 请描述下vue的生命周期是什么?

    [vue] 请描述下vue的生命周期是什么? 生命周期就是vue从开始创建到销毁的过程,分为四大步(创建,挂载,更新,销毁),每一步又分为两小步,如beforeCreate,created.befor ...

  6. [css] 请描述下你对translate()方法的理解

    [css] 请描述下你对translate()方法的理解 Single length/percentage value一个长度值或百分比表示X轴和Y轴使用一样的值进行二维上的平移.等同于transla ...

  7. React 新特性 Hooks 讲解及实例(四)

    想优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 使用 Ref Hooks 类组件中使用 Ref 一般有: String Ref Callback Ref CreateRef 上述在函数组 ...

  8. react 数组新增_React 新特性 Hooks 讲解及实例(二)

    本文是 React 新特性系列的第二篇,第一篇请点击这里: React 新特性讲解及实例 什么是 Hooks Hook 是 React 16.8 的新增特性.它可以让你在不编写 类组件 的情况下使用 ...

  9. 请描述下你对 Vue 生命周期的理解?在 created 和 mounted 这两个生命周期中请求数据有什么区别呢?

    Vue 生命周期总共可以分为8个阶段:初始化前后,挂载前后,更新前后,销毁前后,以及一些特殊场景的生命周期. 一.基本生命周期 生命周期 描述 beforeCreate 组件实例被创建之初 creat ...

最新文章

  1. 网络2网络布线与数制转换
  2. linux java maven_Linux下安装及配置Java与Maven
  3. 一些关于网页标题的动态js特效
  4. 交互键盘_如何仅为键盘交互添加聚焦环
  5. 文末送书 | WAF 那些事
  6. 关于tomcat 中的 tomcat-users.xml 配置不生效原因
  7. keras库的安装及使用,以全连接层和手写数字识别MNIST为例
  8. Java并发编程的艺术(一)并发编程的挑战
  9. Import 元素 (MSBuild)
  10. (转)诺亚财富巨亏5亿,“嗜血模式”走向末路?
  11. PHP抖音无水印解析视频代码+思路
  12. Android自定义导览地图组件(二)
  13. 厚积薄发-Aspects
  14. ACL访问控制(华为)
  15. android中禁止输入表情符号,Android EdText编辑框禁止输入表情符号(使用正则表达式)...
  16. android备忘录备份,安卓手机备忘录怎么转到新手机?
  17. 微软桌面android,微软推 Android launcher 桌面 App, 电脑同步手机更方便!
  18. h3c服务器Console安装系统,H3C设备通过Console口登录设备的配置方法介绍
  19. 3dMax中如何设置指定渲染器?
  20. 该如何训练好深度学习模型?

热门文章

  1. android webView 与 JS交互方式
  2. leetcode 896. 单调数列
  3. leetcode 605. 种花问题(贪心算法)
  4. leetcode40. 组合总和 II(回溯)
  5. flask框架视图和路由_角度视图,路由和NgModule的解释
  6. htt://3g.hn_根据我对“询问HN:谁在招聘?”的分析,开发人员技能发展趋势
  7. ml dl el学习_DeepChem —在生命科学和化学信息学中使用ML和DL的框架
  8. 点击删除表格中的行并提交到数据库
  9. https://cwiki.apache.org/confluence/display/FLINK/FLIP-24+-+SQL+Client
  10. open-falcon的插件机制