# HKZF_hook

**Repository Path**: kingcs_admin/hkzf_hook

## Basic Information

- **Project Name**: HKZF_hook
- **Description**: 好客租房项目基于当前最新框架和组件的重构
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-09-06
- **Last Updated**: 2022-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 好客租房项目

## 项目介绍

本项目是基于`react`开发的移动端在线项目，项目素材和功能来源于黑马程序员相关教程：

[黑马程序员前端 React 视频教程，react 零基础入门原理详解到好客租房项目实战](https://www.bilibili.com/video/BV1gh411U7JD?spm_id_from=333.999.0.0)

[好客租房 - 移动 Web 端（React 项目）](https://www.bilibili.com/video/BV1SK4y1U7f1?p=270&spm_id_from=333.880.my_history.page.click)。

本项目对视频中演示的代码，基于最新的 `react 17`、`react-router v6`、`antd-mobile v5` 等框架和组件，采用 React Hook 进行重新编写，并对其中部分功能进行优化和 bug 的修正（因部分组件还未支持 `react 18`，故暂未支持）。

相关后端代码可在上面教程评论区寻找。

部分样式代码参考了[@jerry306](https://gitee.com/jerry306)的代码。

## 技术栈

`react`  
`react-router`  
`react-spring`  
`react-virtualized`  
`create-react-app`  
`antd-mobile`  
`axios`  
`formik+Yup`  
`lodash`  
`prop-types`  
`百度地图API`  
`LESS`

## 截图

![首页](capture/1.png)
![找房](capture/2.png)
![咨询](capture/3.png)
![我的](capture/4.png)
![城市列表](capture/5.png)
![地图找房](capture/6.png)
![地图房源列表](capture/7.png)
![房源详情1](capture/8.png)
![房源详情2](capture/9.png)
![无收藏](capture/10.png)
![有收藏](capture/11.png)
![无出租](capture/12.png)
![搜索小区](capture/13.png)
![添加出租](capture/14.png)
![有出租](capture/15.png)
![添加房源详情1](capture/16.png)
![添加房源详情2](capture/17.png)

## 其他

本项目仅用于 `react` 的开发学习，素材和部分原有代码所有权归教程发布者，许可证遵循教程发布者意愿。

本人也是初学前端，代码如有问题，可直接提交 issue 或者发邮件至[Phil.Pu@foxmail.com](Phil.Pu@foxmail.com)。