关于react ant.design中Form如何手动获取修改值

最新推荐文章于 2024-05-14 14:35:02 发布

sx_lz_1119

最新推荐文章于 2024-05-14 14:35:02 发布

阅读量2.2k

点赞数 2

分类专栏：笔记文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/sx_lz_1119/article/details/126384522

版权

在React Ant.Design框架下，手动获取和修改Form表单的值是常见的需求。可以通过`getFieldValue`获取表单字段的当前值，如在多选Select组件中进行数量限制的验证。同时，使用`setFieldsValue`可以修改表单字段的值，例如实现表单联动效果，禁用并设置默认值。此外，还可以通过`getFieldsValue`获取所有表单值，`resetFields`清空表单。

摘要由CSDN通过智能技术生成

关于react ant.design中Form如何手动获取修改值

一、获取Form表单中的值

在开发中，会碰到一些场景，就是用户在输入或者选择了一些信息，需要及时的验证这些信息，这时候就需要手动获取Form表单数据了

			<Form.Item labelCol={
   {
    span: 6 }} wrapperCol={
   {
    span: 16 }} label="请选择***">
                  {
   form.getFieldDecorator('ntcs', {
   
                    rules: [{
    required: true, message: `请选择***` }],
                  })(
                    <Select
                      placeholder="请选择***"
                      mode="multiple"
                      allowClear
                      onBlur={
   e => {
   
                        this.onBlur(e);
                      }}
                      onChange={
   e =>