react中router路由的基础用法(实战案例解析)
发布时间
阅读量:
阅读量
路由的安装
首先我们需要安装router
npm,cnpm之类的安装都行,我这里使用yarn
yarn add -D react-router-dom
新建页面
这里我新建几个页面待会方便演示路由跳转,页面里面就是基础的内容

引入路由
在app.js中进行引入刚刚安装的router相关工具和上面写的页面:
import React, { Component } from 'react'
import { BrowserRouter as Router, NavLink, Link, Route } from 'react-router-dom'
import Home from './pages/home'
import User from './pages/user'
import About from './pages/about'
使用路由
上面引入之后,下面我们进行使用,还是在app.js中
首先应在外部应用标记以实现内容打包。
全部评论 (0)
还没有任何评论哟~
