react中的路由配置

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

详情页面通过this.props.match.params.id接收到从home页面穿过来的数据，从而去请求该数据


参考博客：
https://blog.csdn.net/weixin_37242696/article/details/80798411