# react-classAndHook-test

**Repository Path**: xfwinne/react-class-and-hook-test

## Basic Information

- **Project Name**: react-classAndHook-test
- **Description**: react17.x项目的用于测试demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-06
- **Last Updated**: 2021-07-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 代码运行指南

#### 1、环境搭建

 - yarn install  / npm instal      // 安装项目依赖
 - npm run start     // 运行本地环境
 - npm run fix    // 运行eslint自动修复命令

#### 2、项目结构
```
my_project
|-- config     npm run eject之后的webpack 配置文件
|-- node_modules   项目依赖包
|-- public   静态文件目录
|-- scripts  脚手架自动化脚本
|-- src      项目源码目录
    |--- assets         项目静态资源文件目录
         |---  css        项目通用样式
    |--- pages          项目页面组件
        |---  reactClassCom        class组件的相关测试例子目录
            |---  XXX.js        测试例子组件
        |---  reactHookCom         hook组件的相关测试例子目录
            |---  XXX.js    测试例子组件
    |--- router         路由目录
         |---  allRouters.js       页面路由配置文件
         |---  index.js              react路由封装文件
    |--- tools          通用工具库
    |--- App.js         应用级组件
    |--- index.js       项目入口文件
    |--- setupProxy.js    请求代理配置
|-- .editorconfig      编辑器编码规范配置
|-- .eslintrc.js      eslint编码规范配置（该项目我们使用的是airbnb编码规范）
|-- .gitignore      gitlab提交忽略规则
```


#### 3、调测例子
直接看`router/allRouters.js`文件，然后想看哪个例子就直接把浏览器地址栏中的路由地址切换即可。