react中npm如何安装路由

这篇文章主要介绍"react中npm如何安装路由"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"react中npm如何安装路由"文章能帮助大家解决问题。

react中npm可以用"npm i react-router-dom -S"安装路由；参数i是install的简写，会检测与当前版本最匹配的npm包版本号，参数"-S"是"--save"的简写，会把模块写入到packages.json中。

本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。

react中npm怎么安装路由

一. react路由安装

npm i react-router-dom@5.0 -S

安装完成后进入App.js中引用

导入路由相关组件(首字母必须大写)

导入哈希路由 别名router

Route 路由页面

NavLink 导航链接

import { HashRouter as Router, Route, NavLink} from 'react-router-dom'

二. react路由的使用

实例：

import {HashRouter as Router , Route , NavLink} from 'react-router-dom'function App(){return ({/* 导航 */}
{/*exact 默认显示*/}首页关于
{/* 路由页面 */})}export default App;function Home(){return 
首页页面
}function About(){return 
关于页面
}

关于"react中npm如何安装路由"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。