react 学习笔记

1.Router

1.1 Histories

 React Router 是创建在 history 之上的。一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 URL 转化为 location 对象， 而后 router 使用它匹配到路由，最后正确地渲染对应的组件。

 

经常使用的 history 有三种形式， 可是你也能够使用 React Router 实现自定义的 history。

• browserHistory(传统类型的url，调用history api，若是须要使用这种模式，须要在server端,如webpack 加--history-api-fallback)

• hashHistory (用/#/xx 表明url)
• createMemoryHistory

1.2 IndexRoute

　　IndexRoute 表明Route 级别的默认路径，同时，须要包在Route内，目录结构以下：

<Router history={browserHistory}>
    <Route path="/" component={App}>
      {/*IndexRoute 表明默认路由，如 url 为：  localhost:8080/   ，默认读取Respos；若是 url为: localhost:8080/about 读取About component ；
　　　　若是不指定 IndexRoute ，默认为undefined， 访问localhost:8080/ 将不显然任何component */}
      <IndexRoute component={Repos} />
      <Route path="/about" component={About}/>
    </Route>
  </Router>

 1.3 Params