案例：TASK OA

案例：TASK OA

准备工作

jsx语法&底层渲染机制、函数组件&类组件、合成事件、webpack&脚手架……

server资料

axios配置

跨域配置

组件库介绍

1. 多语言-中文包，汉化
2. antd内部会自动按需导入，打包只会打包引入的；想用哪个组件直接import

具体实现

属性和插槽。

修改ui组件库样式

有的可传属性改变内部样式

table&form

1. 后期状态要改变，且改变了视图要更新的。就放在状态里面。
2. 刚开始有个值，能渲染。那就只定义到实例上就行了。

dataIndex：取的字段

render：自定义视图

mvvm & mvc

弹窗

react的特点：MVC

*表单元素的更新：

、

基于form & form.item 实现表单数据的收集，并且能实现规则校验

自动收集 & 自动校验

1. 设置name就会自动收集；
2. 通过rules就会自动校验；

接口联调

网络层失败 & 业务层失败

请求格式要求：

json

urlencoded格式。即x-www-urlencoded

字符串。text/plain

formData格式。文件上传。multipart/form-data

buffer等格式。

接口的统一封装

完整实现

关于渲染：

只要执行setState，即使状态值一模一样，会把jsx重新编译成virtual dom，然后会把新的vm和老的vm对比若没有一样的只是视图不会再更新了；

生成virtural dom：jsx编译成createElement，然后create再执行；

Pure.Component