React Router

路由解决方案
授权协议 MIT
开发语言 JavaScript
所属分类 服务器软件、 路由器/防火墙
软件类型 开源软件
地区 不详
投 递 者 蒋栋
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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);
});

 

  • React Router 官网地址:https://reacttraining.com/react-router/web/api/Route React Router 4版面以后有巨大的变化 4后的思想是:一切皆组件(路由写成组件) 之前的版本都是传统思想:路由应该统一在一处渲染(类似vue里的路由表) React Router包含四个包 react-router:React Router核心AP

  • 1 React Router 6 概述 React Router 6以三个不同的包发布到 npm 上,它们分别为: react-router: 路由的核心库,提供了很多的组件、钩子。 react-router-dom: 包含react-router所有内容,并添加一些专门用于 DOM 的组件,例如 <BrowserRouter>等。 react-router-native: 包括react-rou

  • React Router 6 是 react-router-dom 的 v6 版本,此版本已是 create-react-app 创建 react 项目时的默认版本,本文主要记录 v6 版本的基本使用以及常用 API,会与 v5 做一些比较: 更多详情请查阅:React Router 中文文档 NPM 安装 如果项目中还没有安装 React Router 则可以进行如下 NPM 安装,默认安装的就

 相关资料
  • 问题内容: 我正在通过AngularJS教程进行工作。Angular使用它自己的JS路由机制来允许单页应用程序。Angular的示例路由文件如下所示: 我试图找到一个存储我的局部文件(特定于Angular的HTML文件)的好地方。理想情况下,我希望能够从Play中对其进行模板化(例如,将其作为* .scala.html文件)。我可以使用aa播放路由文件来完成此操作,如下所示: 我基本上偏向于这样的

  • 想实现先请求接口然后再生成路由改如何做到?(下面代码试了几次都不行)

  • 本文向大家介绍vue2.0 路由不显示router-view的解决方法,包括了vue2.0 路由不显示router-view的解决方法的使用技巧和注意事项,需要的朋友参考一下 今天学习vue2.0 的 router-view , 爆出的错误不计其数,不知道哪位大神写的router-view,配置的参数竟然不是router,而是routes =_=|| 这是花了一上午整出来的main.js,还有网上

  • 问题内容: 我正在关注其中一个播放框架教程,但是每当尝试使用反向路由时,都会出现编译错误。首先, intelliJ中显示的错误是“无法解析方法javascriptRouter(java.lang.String,?,?,?,?)” 而且在单元测试中: 无法解析索引方法的地方。 这是intelliJ的问题,还是我在游戏中缺少某些东西? 对于第一部分,这是我的路线文件中的条目: 我的控制器Project

  • 本文向大家介绍vue解决跨域路由冲突问题思路解析,包括了vue解决跨域路由冲突问题思路解析的使用技巧和注意事项,需要的朋友参考一下 vue 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教

  • 本文向大家介绍vue router动态路由下让每个子路由都是独立组件的解决方案,包括了vue router动态路由下让每个子路由都是独立组件的解决方案的使用技巧和注意事项,需要的朋友参考一下 vue-router 之动态路由 下面看下vue router动态路由下让每个子路由都是独立组件的解决方案 因为 vue-router 对嵌套路由采用的是组件复用策略,这在大部分场景的确是高效的做法,但是如果

  • 场景是:在移动端页面浏览到很下面,然后点击进入下一个页面,点返回的时候依然在刚才的位置而不是重新刷新页面

  • 本文向大家介绍vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法,包括了vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法的使用技巧和注意事项,需要的朋友参考一下 最近利用vue第三方UI MuseUI开发webapp,然后在导航栏这里出现了问题,我需要在导航栏上的几个路由上显示底部导航栏,在其他路由上不显示,就这个问题,MuseUI的底部导航栏直接加载在app.vue里面