react项目总结

1.基本框架

1.react+react-router4+redux3.7.2
2.css预编译使用sass
3.数据请求使用axios（原本是使用fetch，结果在ios10下报错）
4.ui组件库使用比较主流的antd-design
但是遇到一些问题基本找不答案，有几个组件都有问题，感觉不好用，连个弹出框都要在页面上写一堆代码
5.没有使用脚手架搭建，是直接在一个音乐项目上写的
原项目封装好了一下localstorge等工具方法，和一些状态管理，路由管理，可以直接跟着用，非常方便

2.入口文件

入口文件是root.js,
有一个隐藏的组件，作用是用来判断用户的当前登录状态，如果没有登陆的话，就控制路由跳转到登录页面；
默认页面是
此外，还有样式文件的引入，调试工具vconsole的显示控制，皮肤样式文件的切换控制，路由切换动画组件的引入；

3.主页

1.退出登录：清除缓存->刷新页面->判断缓存没有用户信息->跳转到登录页面
2.开关调试工具vconsole：也是通过缓存来控制
3.主题色选择：也是通过缓存来控制
4.钉钉扫码：调用钉钉的扫码接口实现扫码功能
5.用户信息显示：获取登录时保存到redux上的数据
6.侧边抽屉：使用antd的组件，有bug，遮罩层要自己去掉
7.页面导航：使用九宫格显示九个页面的链接

4.登录页面

1.输入框受控组件：使用onChange事件触发回调函数改变state的数据
2.登录请求：非空检查->登录请求-->then保存用户信息到redux和localstorge，跳转到首页
3.输入框滚动模块:判断如果设备是安卓的话，调用输入框滚动方法