当前位置: 首页 > article >正文

前端React基础面试题

1,说说react里面bind函数与箭头函数

bind 由于在类中,采用的是严格模式,所以事件回调的时候会丢失this指向,指向的undefined,需要使用bind来给函数绑定上当前实例的this指向。

箭头函数的this指向上下文,所以永久能拿到当前组件实例的。this指向我们可以完美的使用箭头函数来替代传统事件处理函数的回调。

2,说出几点React中的性能优化
  • 使用shouldComponentUpdate来对state和props进行对比,如果两次的结果一样,那么就return false;
  • 使用纯函数组件pureComponent;
3,简单解释下高阶组件和高阶函数
  • 高阶函数,指的是函数接收一个函数作为参数,或者将函数作为返回值的函数就是高阶函数 。
  • 高阶组价,接受一个组件,并返回一个新组建的组件就是高阶组件,本质上和高阶函数的意思一样的,高阶组件是用来复用react代码的一种方式。
4,setState和repalceState有什么区别
  • setState 是修改其中的部分状态,相当于 Object. assign,只是覆盖,不会减少原来的状态。
  • replaceState 是完全替换原来的状态,相当于赋值,将原来的 state 替换为另一个对象,如果新状态属性减少,那么 state 中就没有这个状态了。

http://www.kler.cn/a/159496.html

相关文章:

  • JDBC-Mysql 时区问题详解
  • 基于 PyTorch 从零手搓一个GPT Transformer 对话大模型
  • 论文 | On Second Thought, Let’s Not Think Step by Step!
  • How to install rust in Ubuntu 24.04
  • Java中 LinkedList<>,ArrayDeque<>的区别 || Queue和Deque的区别
  • git命令提交项目
  • 【element-plus使用】el-select自定义样式、下拉框选项过长等问题解决
  • 【 Go语言使用xorm框架操作数据库】
  • 第十一届蓝桥杯青少组省赛Python中高级组真题及赏析
  • 无懈可击的身份验证:深入了解JWT的工作原理
  • SpringCloud-服务消费者Fegin调用时无法获取异常信息
  • 3090微调多模态模型Qwen-VL踩坑
  • 精通Git(第2版)读书笔记
  • Guava中的函数式编程
  • el-from表单实现lable字体大小改变
  • C++基础 -45- 类的静态数据成员
  • 深度学习之图像分类(十五)DINAT: Dilated Neighborhood Attention Transformer详解(一)
  • AOP记录操作日志
  • 【EI会议征稿中】第三届光学与机器视觉国际学术会议(ICOMV 2024)
  • 【译】 Spring AOP API
  • Java-宋红康-(课P132)-多线程的概念
  • GO学习之 单例模式 sync.Once
  • Zabbix自动发现机制
  • 感觉到自己思想扭曲了
  • 工业机器视觉megauging(向光有光)使用说明书(十二,轻量级的visionpro)
  • 【Ratis】Grpc.proto文件里定义的一些RPC