在写登陆注册之前首先需要把自己需要的依赖都装好,此次我写的项目是移动端的,所以用到了antd-moblie中的input以及图片上传的组件。
1. 构造静态页面
首先需要做的工作就是把登录注册需要的静态页构造出来,发现登录注册中其实有很多的input框,所以考虑可以将input封装成一个组件。以后项目中如果有需要用到input框的地方也可以直接使用。
2.input框的封装
封装input代码如下:
regcheck方法中进行正则的校验,如果校验通过了就把开关打开,把值保存,如果检测到输入的值为空或者检测不通过,就调用回调输出错误
3.图片上传组件的封装
详细见下一篇笔记