摘要: 展示房屋详情在找房页面中,给每一个房源列表添加点击事件,在点击时跳转到房屋详情页面在单击事件中,获取到当前房屋id根据房屋详情的路由地址,调用history.push() 实现路由跳转 <HouseItem key={key} onClick={() => this.props.history.pu 阅读全文
posted @ 2021-07-31 01:24 AoYeDDM 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 一、条件找房界面分为4个部分,搜索部分、条件检索部分、房屋列表和底部。搜索部分和底部用之前封装好的组件即可,条件检索部分如图所示,将所有的条件检索封装到父组件Filter,而四个部分封装到各个组件之中 1.渲染Filter组件,onFilter传递获取的数据,Filter组件中包含了FilterMo 阅读全文
posted @ 2021-07-31 01:14 AoYeDDM 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 一、地图导航界面分为四个模块,首部的导航栏,地图上的遮盖物,尺寸和放大缩小模块 首部的导航栏NavBar使用自己封装的组件 地图渲染 // 一加载界面就初始化地图 initMap = async () => { // 由于使用了百度地图API,则有一个BMap对象,将该对象挂载到实例上 this.B 阅读全文
posted @ 2021-07-31 00:04 AoYeDDM 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 一.城市选择界面 分为三个部分去封装,第一个是头部导航,第二个是侧边导航列表,第三个是城市列表显示 顶部导航由于在之后的地图找房列表中也会用到,便封装一个自己的NavBar组件,将文字和字体图标变成参数传入自定义的NavBar组件,实现组件复用。 由于城市列表可能很长,所以列表加载可能会导致页面卡顿 阅读全文
posted @ 2021-07-30 22:59 AoYeDDM 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 一、项目的技术栈 技术栈React核心库:react、react-dom、react-router-dom脚手架:create-react-app数据请求:axiosUI组件库:antd-mobile其他组件库:react-virtualized、formik+yup、react-spring等百度 阅读全文
posted @ 2021-07-30 00:26 AoYeDDM 阅读(308) 评论(0) 推荐(0) 编辑