所属分类：web前端开发
react中npm可以用“npm i react-router-dom -S”安装路由；参数i是install的简写，会检测与当前版本最匹配的npm包版本号，参数“-S”是“--save”的简写，会把模块写入到packages.json中。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。
一. react路由安装
微博登录
QQ登录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视频教程》
以上就是react中npm怎么安装路由的详细内容，更多请关注zzsucai.com其它相关文章！
