IT入门 > 面试题 > react >
  • 当你调用 setState 的时候,发生了什么事?

    2019/11/14 点击:1724

    将传递给 setState 的对象合并到组件的当前状态,这将启动一个和解的过程,构建一个新的 react 元素树,与上一个元素树进行对比( diff ),从而进行最小化的重渲染。

  • .React 项目用过什么脚手架(本题是开放性题目)

    2019/11/14 点击:923

    原理回答用webpackloaderPlugin插件可以实现

  • 什么时候用类组件Class Component,或函数组件Functi

    2019/11/14 点击:668

    如果您的组件具有状态( state ) 或 生命周期方法,请使用 Class 组件。否则,使用功能组件

  • .React 中 keys 的作用是什么?

    2019/11/14 点击:539

    Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 render () { return ( ul { this . state . todoItems . map (({item, key}) = { return li key = {key} {item} / li })} / ul )}

  • React 优势

    2019/11/14 点击:484

    1、React 速度很快:它并不直接对 DOM 进行操作,引入了一个叫做虚拟 DOM 的概念,安插在 javascript 逻辑和实际的 DOM 之间,性能好。 2、跨浏览器兼容:虚拟 DOM 帮助我们解决了跨浏览器问

  • react diff 原理(常考,大厂必考)

    2019/11/14 点击:473

    把树形结构按照层级分解,只比较同级元素。 给列表结构的每个单元添加唯一的 key 属性,方便比较。 React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字) 合并操作,

  • react 生命周期函数

    2019/11/14 点击:472

    初始化阶段: getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDi

  • .shouldComponentUpdate 是做什么的?

    2019/11/14 点击:501

    (react 性能优化是哪个周期函数?)

  • 为什么虚拟 dom 会提高性能?(必考)

    2019/11/14 点击:393

    虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存,利用 dom diff 算法避免了没有必要的 dom 操作,从而提高性能。 用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的

  • React 中 refs 的作用是什么?

    2019/11/14 点击:517

    Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。 我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄,该值会作为回调函数的第一个参数返