| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

React.js 的路由解决方案:React Router

React Router 一个用于 React.js 的路由解决方案(routing solution)。它轻松可以同步你的 app 和 URL,同时给嵌套,转换,和服务端渲染一流的支持。

特性:

  • 嵌套视图映射到嵌套路由

  • 模块化构建路由层级

  • 同步和异步转移挂钩

  • 转换中止/重定向/重试

  • 动态 segments

  • 查询参数

  • 当.active类的路由活动时可以自动链接

  • Multiple root routes

  • Hash 或 HTML5 历史 (含备份) URLs

  • 声明重定向路由

  • 声明未找到路由

  • 浏览器滚动行为带有转变效果

示例:

var routes = (    <Route handler={App} path="/">      <DefaultRoute handler={Home} />      <Route name="about" handler={About} />      <Route name="users" handler={Users}>        <Route name="recent-users" path="recent" handler={RecentUsers} />        <Route name="user" path="/user/:userId" handler={User} />        <NotFoundRoute handler={UserRouteNotFound}/>      </Route>      <NotFoundRoute handler={NotFound}/>      <Redirect from="company" to="about" />    </Route>  );  Router.run(routes, function (Handler) {    React.render(<Handler/>, document.body);  });  // Or, if you'd like to use the HTML5 history API for cleaner URLs:  Router.run(routes, Router.HistoryLocation, function (Handler) {    React.render(<Handler/>, document.body);  });

项目主页:http://www.open-open.com/lib/view/home/1440248035208

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1440248035208.html
JavaScript开发 React Router