antd 表单提交,文件和表单内容一起提交,表单校验

用很简单的源码实现包含下列 antd 表单相关知识:

1.表单必填校验,规则校验

2.Upload 上传图片,获取上传图片的状态,如上传成功,上传失败,上传进度条,删除上传的文件

3.获取 Input 组件用户输入的值,设置默认值

4.提交表单不刷新页面

5.把上传的图片显示在页面

页面效果图:

提交前

提交后:包括校验失败的场景

t_form.jsx 代码:

import { Form, Input, Button, message, Upload, Alert, Icon } from 'antd';

import router from 

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/103612412
今日推荐