React + Antd 4.0 手机号输入框含验证的完整示例
新手入门,上手后到处翻资料,发现antd 3.0与 4.0的差别很大,边做边整理一些实用的代码供大家参考
这里有一个坑:很多相关文章里使用到的方法,是只适用于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.1antd 4.0)
} placeholder="手机号" />