Advertisement

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)

还没有任何评论哟~