react的入坑之路，自学遇到的问题分享

react脚手架：create-react-app

UI框架：antdUI框架、less配置

安装react的脚手架依赖命令：npm install -g create-react-app

创建一个新的react项目：create-react-app my-app

安装antdUI库：npm install antd --save

作为一个react的初学者，react的路由和vue的完全不同，很是头疼，下面是我react的入坑之路

antd使用Form.useForm()获取数据域报错

照着antd4.0的文档，编写登录页，使用form表单的时候，竟然出现以上报错，终于在不断的试验中，找到了一个解决方案。

（想要实现的效果是点击登录按钮输入框为空则进行验证，密码正确则进行路由跳转到首页）

我使用的是 class component，直接复制antd的代码是不可行的，要通过ref获取数据域，好了，直接上代码

react的路由跳转方式如上图：this.props.history.push('/路由地址')    （不全面可补充博主一起学习~）

回顾一下vue的路由跳转：this.$router.push('/路由地址')