为什么要用 react

react的历史背景

react 很简单

  1. 1个新的概念
  2. 4个必须的API
  3. 单向数据流
  4. 完善的错误提示

react解决了UI 细节的问题

数据模型怎么解决？

image-20210901160325480

react生命周期和组件

react router的使用

  1. 实现基础： react router的动态路由机制
  2. 区分受保护路由和公开路由
  3. 访问未授权路由时重定向到登录页面