react-router-dom
Posted 忘れられたくない
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-router-dom相关的知识，希望对你有一定的参考价值。
1、安装
yarn add react-router-dom2、基本使用
BrowserRouter,HashRouter是两种路由方式，使用NavLink ,Link,Route时必须被路由器包裹。NavLink ,Link是设置页面跳转，而NavLink有activeClassName属性，可以自定义设置active选中的class，默认activeClassName="active"。
import { BrowserRouter,HashRouter,NavLink ,Link,Route} from "react-router-dom"
import Home from \'./components/Home\'
import About from \'./components/About\'
<BrowserRouter>
<NavLink activeClassName="demo" className="list-group-item" to="/about">
About
</NavLink>
<NavLink activeClassName="demo" className="list-group-item" to="/home">
Home
</NavLink>
<Route path="/about" component={About}></Route>
<Route path="/home" component={Home}></Route>
</BrowserRouter>
扩展
以上是关于react-router-dom的主要内容，如果未能解决你的问题，请参考以下文章
React-router-dom：非常简单的嵌套路由不起作用
使用 react-router-dom 在 Route 中添加组件作为道具