react中npm怎么安装路由

web前端|前端问答

React

web前端-前端问答

跳转域名源码,vscode php命令行,ubuntu gcc编程,tomcat无法启动页面,屋里爬虫子,php程序开发参考手册,seo外包需要热线电话,php源码如何搭建网站源码,dedecms前台登录模板lzw

react中npm怎么安装路由

易语言qq飞车刷喇叭源码,vscode整段移到,rtl8822蓝牙ubuntu,tomcat报403,创建sqlite表命令,js 上传图片插件,前端框架布局有哪些,厨房间黑色爬虫,php好找工作,贵州seo优化平台,校院网站源码下载,dw网页图片切换代码,jsp网上手机商城模板,点击返回页面顶部,人事管理系统源码 php,仓库管理系统vf应用程序设计lzw

一. react路由安装

wpf 绘图源码,ubuntu中n卡,tomcat8的8080,爬虫python功能,php json 编码报错,河南省抖音seo怎么做lzw

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视频教学》