react_app 项目开发 (2)_单页面设计_react-router4

(web) 利用 react-router4 实现 单页面 开发

SPA 应用 ---- (Single Page Web Application)

整个应用只有 一个完整的页面

单击链接不会刷新页面,本身不向服务器发请求

点击路由链接,指挥更新局部页面

数据都需要通过 ajax 请求获取,并在前台异步展现

  • 路由:

指定了 不同请求 (路由地址 key ) 对应的 处理方式 value

一个路由就是一个映射关系 (key: value ---- 路由路径: 处理函数/component)

  • 前台路由: value 就是一个 component 组件 -------- 不会发送 http 请求,但是界面会更新显示对应的组件

<Route path="/about" component={About}>

  • 后台路由: value 就是一个处理函数 -------- 进行 http 请求/响应 的过程

router.post("/login", (req, res)=>{});

  • 下载: npm install react-router-dom --save        // 添加到 生产依赖

如果是开发跨平台应用: npm install react-router-dom --save        // 添加到 生产依赖

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

猜你喜欢

转载自www.cnblogs.com/tianxiaxuange/p/10258877.html