# 0719_react_project

**Repository Path**: Menjian/react_project0719_

## Basic Information

- **Project Name**: 0719_react_project
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-10
- **Last Updated**: 2021-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## React项目每天任务表

### day01任务：
* 1.使用create-react-app创建基于react脚手架应用（最好精简一下脚手架）
* 2.引入antd，完成按需引入，自定义主题
* 3.login静态页面（不使用atnd的任何组件）
* 4.login的Form表单（不加校验，只是使用静态的Form）
* 5.login的Form表单（给用户名加校验，声明式验证）
* 6.login的Form表单（给密码加校验，自定义验证）
* 7.理解好Form.create()(Login)
* 8.高阶组件、高阶函数

### day02任务
* redux，请切换到redux分支进行学习

### day03任务
* 1.搭建项目redux开发环境
* 2.建立myAxios.js文件，封装原生axios，使用请求拦截器统一更改post请求参数为urlencoded编码
* 3.使用响应拦截器，统一处理所有ajax请求的错误 + 从axios返回对象中提取真正服务器返回的数据
* 4.Redux保存user和token数据，完成自动登录
* 5.完成退出登录逻辑

### day04任务
* 1.使用es6的装饰器语法，要安装@babel/plugin-proposal-decorators

	    //装饰器语法，让MyClass多了一个a属性
	    @demo
	    class MyClass { }
	    function demo(target) {
	      target.a = 1;
	    }
	    //正常语法，让MyClass多了一个a属性
	    class MyClass { }
	    function demo(target) {
	      target.a = 1;
	    }
    	MyClass = demo(MyClass)
* 2.token工作原理 + 实现token验证
* 3.Admin界面布局 -- 使用antd的Layout组件
* 4.Admin子路由搭建 -- 区分好容器组件和UI组件
* 5.Header组件静态
* 6.Header组件交互--全屏切换，使用screenfull库
* 7.Header组件交互--退出登录，使用antd的Modal提示框组件
* 8.Header组件交互--天气预报，请求的是百度接口，使用了jsonp库发送请求
* 9.使用withRouter包装非路由组件，让非路由组件可以使用路由组件的API