一、分为三个部分，顶部导航、表单和底部文字，顶部表单已经封装好，而底部文字是固定的 表单使用formilk组件实现，而表单验证使用withFormik组件验证 <div className={styles.root}> {/* 顶部导航 */} <NavBar mode="light"> 账号登录 </NavBa
功能分析判断是否登录（本地缓存中是否有token信息，直接调用isAuth() 方法即可，这里在utils/auth.js文件中已经封装好了）如果登录了，就发送请求获取个人资料，并且在页面中展示个人资料如果没有登录，则不获取个人资料，只在页面中展示未登录信息在页面中展示登录或未登录信息，就要通过state变
我的收藏模块 检查房源是否收藏 收藏房源 检查房源是否收藏 在state中添加状态，isFavorite（表示是否收藏），默认值是false state= { // 表示房源是否收藏 isFavorite: false } 创建方法 checkFavorite，在进入房源详情页面时调用该方法先调用isAuth方法，来判断是否登陆如果未登录，直
export default class Rent extends Component { state = { // 出租房屋列表 list: [] } // 获取已发布房源的列表数据 async getHouseList() { const res = await getUserHouses() const { status, data } = res if (status === 200) {
一、条件找房界面分为4个部分，搜索部分、条件检索部分、房屋列表和底部。搜索部分和底部用之前封装好的组件即可，条件检索部分如图所示，将所有的条件检索封装到父组件Filter,而四个部分封装到各个组件之中 1.渲染Filter组件，onFilter传递获取的数据,Filter组件中包含
展示房屋详情在找房页面中，给每一个房源列表添加点击事件，在点击时跳转到房屋详情页面在单击事件中，获取到当前房屋id根据房屋详情的路由地址，调用history.push() 实现路由跳转 <HouseItem key={key} onClick={() => this.props.history.push(`/detail/${house.houseCode}`)} // 注意
