ReactJS 路由解決方案，React Router 1.0.0 發布

React Router 一個用于 React.js 的路由解決方案（routing solution）。它輕松可以同步你的 app 和 URL，同時給嵌套，轉換，和服務端渲染一流的支持。

特性：

• 嵌套視圖映射到嵌套路由

  </li>

• 模塊化構建路由層級

  </li>

• 同步和異步轉移掛鉤

  </li>

• 轉換中止/重定向/重試

  </li>

• 動態 segments

  </li>

• 查詢參數

  </li>

• 當 .active 類的路由活動時可以自動鏈接

  </li>

• Multiple root routes

  </li>

• Hash 或 HTML5 歷史 （含備份) URLs

  </li>

• 聲明重定向路由

  </li>

• 聲明未找到路由

  </li>

• 瀏覽器滾動行為帶有轉變效果

  </li> </ul> React Router 1.0.0 發布，此版本主要是圍繞 API 進行改進，重寫了整個代碼基礎庫，處理一些用例，比如路由加載，基于 session 的路由匹配，服務器渲染，集成 redux 和 relay 等等。

  主要 API 改進
  

  導入

  // v0.13.x
  var Router = require('react-router');
  var Route = Router.Route;
  // v1.0
  var ReactRouter = require('react-router');
  var Router = ReactRouter.Router;
  var Route = ReactRouter.Route;
  // or using ES Modules
  import { Router, Route } from 'react-router';

  渲染

  // v0.13.x
  Router.run(routes, (Handler) => {
    render(<Handler/>, el);
  })
  // v1.0
  render(<Router>{routes}</Router>, el)
  // looks more like this:
  render((
    <Router>
      <Route path="/" component={App}/>
    </Router>
  ), el);
  // or if you'd rather
  render(<Router routes={routes}/>, el)

  位置

  // v0.13.x
  Router.run(routes, Router.BrowserHistory, (Handler) => {
    render(<Handler/>, el);
  })
  // v1.0
  import createBrowserHistory from 'history/lib/createBrowserHistory'
  let history = createBrowserHistory()
  render(<Router history={history}>{routes}</Router>, el)

  更多改進內容請看發行說明。

  下載：https://github.com/rackt/react-router/archive/v1.0.0.zip 

  
  
   本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

   轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

   本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

    本文地址：http://www.baiduhome.net/news/view/ebc301

  ReactJs