React:SPA和路由理解

SPA:

  • 单页Web应用(single page application)
  • 整个页面只有一个完整的页面
  • 点击页面中的链接不会刷新页面,只会做页面的局部更新
  • 数据都需要通过ajax请求获取,并在前端异步展现

react:单页面多组件应用

路由:

什么是路由?

  • 一个路由就是一个映射关系(key: value)
  • key为路径,value可能是function或component

路由分类

1. 后端路由

  • value是function,用来处理客户端提交的请求
  • 工作过程:当node接收到一个请求时,根据请求路径匹配到的路由,调用路由中的函数来处理请求,返回响应数据

2. 前端路由(原理:History对象的API)

  • 浏览器端路由,value是component,用于展示页面内容
  • 工作过程:当浏览器的path变为/test时,当前路由组件就会变为Test组件

你可能感兴趣的:(reactjs)