react中的路由配置

最新推荐文章于 2024-06-24 15:19:33 发布

youlinaixu

最新推荐文章于 2024-06-24 15:19:33 发布

阅读量1.4k

点赞数

分类专栏： react 文章标签： react路由

本文链接：https://blog.csdn.net/youlinaixu/article/details/90734548

版权

本文介绍了在React应用中如何进行路由配置，包括在App.js中引入路由、使用Link方法以及设置动态路由。动态路由部分讲解了如何通过this.props.match.params.id获取传递的数据，并据此请求相应详情页面。

摘要由CSDN通过智能技术生成

npm install react-router-dom

在App.js中引入路由：

import { BrowserRouter, Route } from 'react-router-dom';
<BrowserRouter>
	<div>
		<Route path='/' exact component={Home}></Route>
		<Route path='/detail' exact component={Detail}></Route>
	</div>
</BrowserRouter>
//exact表示精确地路由地址

在这里插入图片描述

还有一个进场用到的Link的方法

import { LInk } from 'react-router-dom';

在这里插入图片描述
动态路由：
在App.js中配置动态路由

从react-router-dom中引入Link

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

youlinaixu

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
react中的路由配置

npm install react-router-dom在App.js中引入路由：import { BrowserRouter, Route } from 'react-router-dom';<BrowserRouter> <div> <Route path='/' exact component={Home}></Route> ...
复制链接

扫一扫