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如何安装路由”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。