React004 route

tags
React.js
type
Post
date
Nov 5, 2023
status
Published
安装 route包
 
App.js 里设置路由,这里面包含了固定地址,exact,路由里传递参数,以及404 not found页面 才用* 匹配路由,并且放在最后一个位置。
 
Navbar.js Link标签替代 a标签,这样页面请求不会向服务器端发送请求
 
BlogList.js 通过Link标签链接到博客内容页,这里的是用 `` 反引号
 
 
BlogDetail.js 通过 react的 useParams 来获取 url来的参数
 
NotFound.js 404页面
 
界面效果
notion image
 

© robotbird 2023 - 2024  浙ICP备2020035677号-2