React 路由｜青训营笔记路由（Router）是指在计算机网络上寻找用于通信的最优路径，路由帮助用户跨越多个网络，

前端训练营 Day 12

路由（Router）是指在计算机网络上寻找用于通信的最优路径，路由帮助用户跨越多个网络，以最优路径找到要访问的节点。

P.S.今天我刚做完网络组合设计实验，内容是按照题目要求配置小规模的企业网络。

在 Web 应用中，Router是指处理请求 URL 并将请求交由指定模块的部分。从单一 Web 应用服务（PHP、JSP）到前后端分离，从静态网站到动态网站，Router 的扮演者一直在变化。

Reaact Router 是 React 中负责处理请求 URL 的模块，可接收符合指定格式的请求 URL 并将请求发给指定的处理程序。React Router 相关包如下：

react-router：React Router 核心部分
react-router：用于绑定 DOM
react-router-native：“原生”绑定
react-router-config：简单的 ReactRouter 配置工具

import { Router, Route, hashHistory } from 'react-router';

render((
  <Router history={hashHistory}>
    <Route path="/" component={App}/>
  </Router>
), document.getElementById('app'));

React Router 分为 Broswer Router 与 Hash Router，Broswer Router 例如 http://example.com/foo/bar的格式；Hash Router 例如http://example.com/#/foo/bar的格式。

Redis Router 还有许多提供特殊功能的组件，如“默认 Routwe” IndexRoute、路由跳转Redirect、跟路由重定向IndexRedirect、点击跳转Link、点击跳转至根路由IndexLink、路由跳转历史histroy等。

除此之外，还可为一个 Router 设置 Hook（钩子），在用户进入（Enter）或离开（Leave） Router 时执行特定操作。

在实际生产中，有时会遇到资源更多导致加载时间过长、应用过于复杂导致难以扩展开发、后端接口过多导致数据加载较慢等问题。此时可以使用 React Router 对应用进行分割，提高加载速度，提高可扩展性

本文若有不足之处,欢迎纠正(≧^.^≦)喵~
我的其他笔记，可在掘金或 Github( github.com/DoudiNCer/I… )阅读

React 路由 ｜ 青训营笔记

React 路由｜青训营笔记