房屋详情模块
业务:根据房源 id,展示房源详情信息
3.1 功能分析
功能:
使用路由参数获取房源 id
根据房源 id 获取房源详情数据并展示
使用地图展示所在小区位置信息
房源收藏(需要登录)
重点: 路由参数。
3. 房屋详情模块
3.2 页面模板说明
1. 创建房屋详情页面 HouseDetail。
2. 修改 NavHeader 组件(添加了 className 和 rightContent 两个props)。
3. 创建了 HousePackage 组件(房屋配套)。
3. 房屋详情模块
问题:房源有很多个,URL 路径也就很多个,需要多少个路由规则来匹配呢? 一个还是多个?
答案:一个。
如何使用一个路由规则匹配不同的 URL 路径,同时获取到 URL 中的不同内容呢?
解决方式:路由参数。
作用:让一个路由规则,可以同时匹配多个符合该规则(格式)的 URL 路径。
语法:/detail/:id,其中 :id 就表示路由参数。
3.3 路由参数
1