码迷,mamicode.com
首页 > 其他好文 > 详细

React-router1- react-router理解

时间:2021-02-03 10:48:44      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:err   out   项目   about   路由   应用   出现   锚点   route   

 { web,native,any}中我们先学习 react-router-dom。

 

react-router-dom(官方维护的路由器)的理解

1 react的一个插件库。 { web,native,any}

 2 专门用来实现一个SPA应用。

3 基于react的项目都会用到此库。

路由和路由器。 route,router。多个路由需要一个路由器进行管理。

 

 

 

5.2.1 内置组件:

yarn add  react-router-dom

yarn add react-router-dom

  1 BrowserRouter

   2 hans

 

import  { Link, BrowserRouter} from  ‘react-router-dom‘

在原生html里面,靠<a>跳转不同的页面。

 

在React靠路由链接实现组件切换。

<Link classname="" to=" ./home">About</Link>

<Link classname="" to=" ./home">Home</Link>

 

路由器分为两周: BrowserRouter,一个叫HashRouter。

如果是B:不会出现#了。

如果是H:路径就会出现了#,类似于锚点。

、aout,

、home。

React-router1- react-router理解

标签:err   out   项目   about   路由   应用   出现   锚点   route   

原文地址:https://www.cnblogs.com/hacker-caomei/p/14363604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!