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

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

嵌套视图映射到嵌套路由

模块化构建路由层级

同步和异步转移挂钩

转换中止/重定向/重试

动态 segments

查询参数

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

Multiple root routes

Hash 或 HTML5 历史 (含备份) URLs

声明重定向路由

声明未找到路由

浏览器滚动行为带有转变效果
示例:

var routes = (
                                              );
Router.run(routes, function (Handler) {
  React.render(, 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(, document.body);
});

文章转载自 开源中国社区 [http://www.oschina.net]

时间: 2024-09-17 04:34:13

React Router —— React.js 的路由解决方案的相关文章

React Router 使用教程

真正学会 React 是一个漫长的过程. 你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系.想要发挥它的威力,整个技术栈都要配合它改造.你要学习一整套解决方案,从后端到前端,都是全新的做法. 举例来说,React 不使用 HTML,而使用 JSX .它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法.它甚至还抛弃了 SQL ,自己发明了一套查询语言 GraphQL .当然,这些你都可以不用,React 照样运行,但是就发挥不出它的最大威力. 这样说吧,你只要用了 React,就会

[译] 关于 React Router 4 的一切

本文讲的是[译] 关于 React Router 4 的一切, 原文地址:All About React Router 4 原文作者:BRAD WESTFALL 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m- 译者:undead25 校对者:sunui.LouisaNikita 关于 React Router 4 的一切 我在 React Rally 2016 大会上第一次遇到了 Michael Jackson,不久之后便写了一篇 an article on

JS跨域解决方案之使用CORS实现跨域_javascript技巧

引言        跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一. 和大多数跨域的解决方案一样,JSONP也是我的选择,可是某天PM的需求变了,某功能需要改成支持POST,因为传输的数据量比较大,GET形式搞不定.所以折腾了下闻名已久的CORS(跨域资源共享,Cross-Origin

记录几个node.js错误及解决方案

 几个node.js错误及解决办法整理如下 node.js Error: EBADF, write 最近工作写了个小项目,本以为能好好喝下茶,可是让人想掀桌的报错出现了. fs.js:77       throw err;  // Forgot a callback but don't know where? Use NODE_DEBUG=fs             ^ Error: EBADF, write     at Error (native) WTF?! fs.js: 77? 这是要

angular.js之路由的选择方法_AngularJS

在一个单页面中,我们可以添加多个模块,使得网页只在需要的时候加载这个模块.模块的切换大致上可以代替网页的切换,于是,我们便可以通过模块的切换实现网页的切换,这个切换是按需加载的. 乍一看非常普通的东西,但是仔细想想就可以发现,这种思想可以解决非常多的资源. 例如,假如有一个页面,需要显示1000种商品的信息,每个商品的表现形式各不相同(设他们有各自独立的css和js),那么一般来说,我们就需要准备1000张网页去加载这些信息.但是,使用这种模块化思想,我们就可以仅仅在后台设定1000个各不相同的

博科推出专为数字时代而设计的创新路由解决方案

博科(NASDAQ: BRCD)近期宣布推出新一代数据中心路由解决方案Brocade SLX 9850,它为支持网络流量的指数增长而设计,并致力于提供企业加速数据转型所需的先进功能.可扩展的SLX 9850为10/40/100GbE数据中心的案例提供行业领先的密度.规模和性能. Brocade SLX 9850 通过独特的软硬件创新组合,SLX 9850路由器包括嵌入式Brocade SLX Insight Architecture,提供普遍的网络可视性,从而实现无与伦比的洞察力,满足越来越苛刻

angular.js 嵌套路由

介绍 AngularJS 嵌套路由:,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一部分的ng-route一样强大. ui-router提供了让我们可以做路由嵌套和视图命名的特性. 我们将在示例中看到ui-router中存在的所有类型. 背景 引述我之前那篇文章开头给出的使用ui-router框架实现的简单路由, 基于我们的业务需求,需要有不同类型的导航, 一般像那种从一个页面到另外一个页面的导航非常的普通.但请想象一下在某些情况下,你需要在一个

React和React Native的ES5 ES6的语法对照参考

模块引用 在ES5里,如果使用CommonJS标准,引入React包基本通过require进行,代码类似这样: //ES5 var React = require("react-native"); var {     Image,     Text,     View, } = React;  //引用不同的React Native组件 在ES6里,import写法更为标准 //ES6 import React, {     Image,     Text,     View, } f

sql数据库被挂马或插入JS木马的解决方案

很多网站可能遭遇到sql数据库被挂马者插入JS木马的经历:mssql的每个varchar.text字段都被自动插入一段js代码,即使删除这段代码,如果没有从源头上解决,几分钟后,js代码就又会自动插入数据库.    这很有可能是程序自动执行的,黑客先从搜索引擎google.百度等搜索存在漏洞的采用asp+mssql设计的网站,然后采用小明子这样的注入扫描工具,扫描整个网站,一旦发现有sql注入的漏洞或者上传漏洞,黑客就通过各种手段,上传自己的大马,如海阳木马:然后,黑客就把这个网站纳入他的肉鸡列