# 【**学习打卡**】第3天 理解React路由理念

【学习打卡】第3天 理解React概念

课程名称：[React 17/18 系统精讲 结合TS打造旅游电商平台]

课程章节： State vs Props / 路由与SPA

主讲老师：阿莱克斯

课程内容：

1. State Props 概念

课程收获：

State Props 区别

• props是组件对外的接口，State是组件内部的接口
• props用于组件间的数据传递，State用于组件内部的数据传递
• State是私有属性 修改状态 setState()
• 构建函数constructor是唯一可以初始化state的地方

什么是路由？

• 路由器读取路由表根据TCP/IP的地址将数据包按照最佳路线传送到指定位置。数据传输路线的计算过程就是路由。

SPA 单页面网站应用

• JS CSS HTML打包成一个超级大的文件，一次性丢给服务器
• JS劫持浏览器路由，生成虚拟路由来动态渲染页面的DOM元素
• 符合前后端分离的趋势，服务器不负责UI输出，专注于数据支持

React路由框架综合性路由框架：

• react-router 主流
• react-keeper 浏览器路由框架
• react-native react-navigation

截图

主要学习了概念 。