2024前端React最新面试题：React设计思想是什么？

React设计思想是什么？

• 回答思路：react的组件化-->react的数据驱动-->react的虚拟DOM
• • react的组件化
  • 数据驱动视图
  • 虚拟DOM

    回答思路：react的组件化–>react的数据驱动–>react的虚拟DOM

    react的组件化

    每个组件都符合开放封闭原则，封闭是针对渲染工作来说的，指的是组件内部的状态都由自身维护，只处理自身内部的渲染逻辑。开放是针对通信来说的，指不同组件之间可以通过props等进行数据交互

    
    （图片来源网络，侵删）

    数据驱动视图

    UI = function(data),通过这个公式得出，如果要渲染界面，不应该直接操作DOM，而是通过修改state或props来驱动视图更新

    虚拟DOM

    由浏览器的渲染可知DOM操作是一个很耗性能的一个操作，因此产生了虚拟DOM，虚拟DOM是对真实DOM的映射，React通过新旧DOM的对比，得出需要更新数据的部分，实现数据的增量更新

    
    （图片来源网络，侵删）
    
    （图片来源网络，侵删）