美文网首页
ReactRouter基础概念

ReactRouter基础概念

作者: 人失格 | 来源:发表于2017-05-08 20:04 被阅读32次

Router: 高阶容器,作为Route的容器 保持URl与UI同步

​ BrowserRouter: 使用的是HTML5的history的API(pushState, replaceState and the popstate

Route: UI 容器 ReactRouter中最重要的组件

​ 通常作为一个匹配URL来 渲染UI 作为最重要的组件

Switch: 渲染 子组件中的第一个匹配的Route ,它与一堆Route放一起不同在于,如果一堆的Route都匹配则全部渲染而Switch则只会渲染第一个匹配的

<Route path="/about" component={About}/>
<Route path="/:user" component={User}/>
<Route component={NoMatch}/>

Link: 提供导航 html组件

import { Link } from 'react-router-dom'
<Link to="/about">About</Link>

相关文章

  • ReactRouter基础概念

    Router: 高阶容器,作为Route的容器 保持URl与UI同步 ​ BrowserRouter: 使用...

  • 4.11.2 实例强化(按需加载与 ReactRouter)

    4.11.2 实例强化(按需加载与 ReactRouter)问题一: 按需加载与 ReactRouter? 实战中...

  • React Router初识

    相关网址: 官方地址[https://reactrouter.com/web/guides/philosophy]...

  • React Router DOM

    官网地址 https://reactrouter.com/web/guides/quick-start[https...

  • react-router v1.0.0 入门

    ReactRouter(github地址)是由 Ryan Florence 开发的, 它是一个针对 React 而...

  • 2019-01-08

    react学习文档 reactRouter4.0: https://www.geekjc.com/post/5a9...

  • react学习资料八

    路由 使用react的路由就要引入react路由插件react-router.js ReactRouter 保存一...

  • Golang Gist

    概念讲解 基础概念 基础问答 基础问答 编码能力考查x

  • 基础概念

    Ecmascript 是一个脚本语言标准,规定这个语言的语法,内置函数等等 Javascript是Ecmascri...

  • 基础概念

    集合竞价视频 做市做市商 交易时间 第一次集合竞价时间:9:15-9:25; 做市商做市前报价时间:9:25-9:...

网友评论

      本文标题:ReactRouter基础概念

      本文链接:https://www.haomeiwen.com/subject/wrjvtxtx.html