这篇文章主要介绍“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 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 (<Router >
{/* 导航 */}
<div>
{/*exact 默认显示*/}
<NavLink to='/' exact>首页</NavLink>
<NavLink to='/about'>关于</NavLink>
</div>
{/* 路由页面 */}
<Route path="/" exact component={Home}></Route >
<Route path="/about" component={About}></Route >
</Router >)
}
export default App;
function Home(){
return <div>首页页面</div>
}
function About(){
return <div>关于页面</div>
}关于“react中npm如何安装路由”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
