前端 react 面试题(二)

ops/2024/11/2 11:06:11/

在这里插入图片描述

文章目录

    • hooks的使用规则
    • 为什么hooks要确保在函数组件的最顶层,而不能放置在循环或者条件语句中。
    • react的事件模型
    • react的合成事件是如何实现的
    • react事件传参,可以使用箭头函数或bind方法,这两种哪一种更好
      • 使用箭头函数:
      • 使用`bind`方法:
    • react的事件模型和vue的区别
      • React 事件模型:
      • Vue 事件模型:
    • react 如何将jsx转为我们所熟悉的html页面
    • 如果更新state数据,需要用到之前的state数据应该怎么做?
    • react 类组件 事件绑定this
      • bind绑定
      • 箭头函数

hooks的使用规则

Hooks 只能在函数组件中使用: Hooks 只能在函数组件中使用,而不能在类组件中使用。确保你的组件是函数组件,否则 Hooks 将无法正常工作。

按照规定使用 Hooks: 使用 Hooks 的规范是非常重要的。确保在组件的顶层使用 Hooks不要在循环、条件语句或嵌套函数中使用

避免滥用 Hooks: 不要滥用 Hooks,只在需要管理组件状态或副作用时使用它们。对于简单的静态组件,不使用 Hooks 也是可以的。

为什么hooks要确保在函数组件的最顶层,而不能放置在循环或者条件语句中。

因为hooks受到react 规则限制,不同生命周期调用对应的hook这些都是规定好的。比如useEffect 的调用 ,会在初始化函数组件和销毁函数组件时分别被执行至少一次。如果放置在if条件语句或者循环语句,将无法保证被执行的时期。放置在其它函数中也不被允许,这些hooks必须在函数式组件创建时就被注册好,如果自由的定义这些hooks创


http://www.ppmy.cn/ops/130406.html

相关文章

three.js 纹理(Texture)、深度纹理(DepthTexture)、视频纹理(VideoTexture)

纹理(Texture) 创建一个纹理贴图,将其应用到一个表面,或者作为反射/折射贴图。 构造函数 Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) // load a texture, set wrap…

深度解读GaussDB逻辑解码技术原理

1.背景 随着国内各大行业数字化改造步伐的加快,异构数据库数据同步的需求场景越来越多。 异构数据库同步,即将不同类型、不同结构的数据库之间的数据进行同步处理,以确保数据在不同数据库之间的一致性。比如,将当前数据库的数据迁…

基于微信小程序的音乐播放器系统

作者:计算机学姐 开发技术:SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等,“文末源码”。 专栏推荐:前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏:…

HTML入门教程17:HTML块

一、块级元素的特点 占据整行:块级元素总是从新的一行开始,并且占据其父元素的整个宽度。可以包含其他元素:块级元素可以包含其他块级元素和内联元素(inline elements)。默认样式:块级元素通常具有默认的上…

Qt 练习做一个登录界面

练习做一个登录界面 效果 UI图 UI代码 <?xml version"1.0" encoding"UTF-8"?> <ui version"4.0"><class>Dialog</class><widget class"QDialog" name"Dialog"><property name"ge…

基于python的语音识别与蓝牙通信的温控系统毕设项目

基于python的语音识别与蓝牙通信的温控系统毕设项目 大家好&#xff0c;我是俊星学长&#xff0c;一名在 Java 圈辛勤劳作的码农。今日&#xff0c;要和大家分享的是一款基于python的语音识别与蓝牙通信的温控系统毕设项目。项目源码以及部署相关事宜&#xff0c;请联系小村学…

Information Theoretical Estimators (ITE) Toolbox的使用(MATLAB)

Information Theoretical Estimators (ITE) Toolbox是什么 官方文档&#xff1a; ITE is can estimate several entropy, mutual information, divergence, association measures, cross quantities and kernels on distributions. Thanks to its highly modular design, ITE …

3d 添加辅助坐标器和轨道控制器

1.添加辅助坐标器 使用AxesHelper类来添加坐标轴辅助器&#xff0c;辅助器简单模拟3个坐标轴的对象。红色代表X轴&#xff0c;绿色代表Y轴&#xff0c;蓝色代表Z轴。 // 创建坐标轴辅助器&#xff0c;5是坐标轴的长度 const axesHelper new THREE.AxesHelper(5); // 将坐标轴…