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,
有一个隐藏的组件

3.主页

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

4.登录页面

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

猜你喜欢

转载自www.cnblogs.com/thing/p/9561441.html