《JavaScript框架》课件-第11章：React.pptxVIP

汇报人：XXX;目录;01;React在前端技术体系中的定位;;状态驱动视图的抽象障碍

学生习惯直接操作DOM节点，难以建立数据变化自动触发视图更新的心智模型，常在函数组件中混用直接DOM修改与状态更新。

对不可变数据原则缺乏深层理解，在更新复杂嵌套状态时直接修改原对象，导致虚拟DOM比对失效，组件无法按预期重新渲染。

组件拆分粒度与状态流转障碍

面对复杂页面时，学生难以合理规划组件边界，易出现单文件巨型组件或过度拆分导致状态层层透传的极端情况。

对单向数据流理解不到位，在多层级组件通信时，容易绕过Context或状态管理库，尝试逆向修改父级状态，引发数据流混乱。;;02;计算思维：拆解与复用组件的逻辑训练;数字化学习：JSX语法与工具链的掌握;信息社会责任：规范编写可维护的前端代码;03;;难点：State与Props的数据流向区分;;04;;;;05;模块化板书：React核心概念关系图谱;;改进方向：引入生活化场景降低抽象门槛;THANKS