这篇文章主要介绍“React中npm如何安装路由”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“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 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>
{}
<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如何安装路由”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网html频道,小编每天都会为大家更新不同的知识点。
--结束END--
本文标题: react中npm如何安装路由
本文链接: https://www.lsjlt.com/news/97464.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
一口价域名售卖能注册吗?域名是网站的标识,简短且易于记忆,为在线用户提供了访问我们网站的简单路径。一口价是在域名交易中一种常见的模式,而这种通常是针对已经被注册的域名转售给其他人的一种方式。
一口价域名买卖的过程通常包括以下几个步骤:
1.寻找:买家需要在域名售卖平台上找到心仪的一口价域名。平台通常会为每个可售的域名提供详细的描述,包括价格、年龄、流
443px" 443px) https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294.jpg https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294-768x413.jpg 域名售卖 域名一口价售卖 游戏音频 赋值/切片 框架优势 评估指南 项目规模
0