React + Antd 4.0 手机号输入框含验证的完整示例

新手入门，上手后到处翻资料，发现antd 3.0 与 4.0的差别很大，边做边整理一些实用的代码供大家参考

这里有一个坑：很多相关文章里使用到的getFieldDecorator方法，是只适用于antd 3.0的，4.0已取消了，如

              {getFieldDecorator("mobile", {
                rules :[
                  {
                    pattern: /^1[3|4|5|7|8][0-9]\d{8}$/, message: '请输入正确的手机号'
                  }
                ]
              },{
                initialValue:vehicleinfo.mobile
              })(
                
              )}
            

上面的代码，antd4.0不适用。

以下为一个基础的手机号输入框+验证代码的完整示例（版本：react版本 17.0.1 antd 4.0 ）