react 表单组件 异步渲染,值不会生效,需要手动改变对应组件的显示值

楼主遇到这个问题已经是第二次,上次我们项目经理给帮忙解决了一次,这次又遇到了,刚开始不知道是这个问题,上次做的笔记也没找到了,估计又忘记了,这里抽三分钟记录一下,

当然这里这样做有个前提:就是你已经和后台交互成功了,不然当测试全局刷新界面时,可能会出问题哟!

如果不设置如图一

如图二 才是想要的效果展示

this.props.form.setFieldsValue({searchAt: ‘1‘});
 this.props.form.setFieldsValue({searchFrom: ‘1‘});

//或者

{
            title: ‘修改‘,
            key: ‘update‘,
            render: (text, record, index) => <Icon type="edit" onClick={() => {
                this.props.form.setFieldsValue({name: record.name});
                this.showModal(`${record.id}`)
            }}/>
        }, 
时间: 2024-11-07 22:06:23

react 表单组件 异步渲染,值不会生效,需要手动改变对应组件的显示值的相关文章

通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题

我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值.例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子&l

React表单组件自定义-可控及不可控组件

一.可控组件 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单详解</title> 6 </head> 7 <body> 8 <script src="./react-0.13.2/react-0.13.2/build/react-wi

antDesign获取表单组件的值

getFormValue是在点击确定按钮获取表单值得事件函数,一旦执行就会执行里边的validate()回调函数 返回的数据中有error和value两种,如果存在error那就是其中某一个表单控件出了问题(比如有一个必须填的项没有填 获取到了value后将之return出去 在从父组件中获取就可以了,在父组件中使用this.form.getFormValue.then(data)来进行获取 getFormValue = async () => { const res = await this.

为JQuery EasyUI 表单组件增加“焦点切换”功能

1.背景说明 在使用 JQuery  EasyUI 各表单组件时,实际客户端页面元素是由 JQuery EasyUI 生成的,元素的焦点切换,虽然 Tab 键可以正常用,但顺序控制属性 tabindex 不起作用,因为页面看到的元素,是生成的,没有tabindex 属性,而真实的元素被隐藏了.本文通过一个自定义函数,实现Tab 和 回车键的焦点切换功能. 2.函数定义 通过捕获窗口按件,对回车和Tab键进行了热点切换处理.先根据当前焦点,获取需要tabindex 属性,加1后为下一焦点无素的属性

5 选项卡、高级列表和表单组件--汇率应用

简介:本节课我们将会构建一个显示比特币和其他货币的实时汇率及历史汇率的应用.界面会使用Ionic的选项卡组件,其中包含三个选项卡,分别为查看的当前市场汇率.查看历史汇率图标以及资金管理.我们将会学到如何在选项卡中使用导航窗口,如果想要在使用选项卡的同时维护用户界面状态,那么掌握这个技术将非常重要.此外,我们还会学到如何在不同选项卡中缓存外部来源加载的数据,这样可以提高假造速度,避免不必要的HTTP请求. 下面我们还是同上节课一样,先来看一下基本的应用界面: 看完上面的图示,我们对将要开发的应用有

YII2.0 Activeform表单组件的使用方法

Activeform文本框:textInput();密码框:passwordInput();单选框:radio(),radioList();复选框:checkbox(),checkboxList();下拉框:dropDownList();隐藏域:hiddenInput();文本域:textarea(['rows'=>3]);文件上传:fileInput();提交按钮:submitButton();重置按钮:resetButtun(); <?php$form = ActiveForm::begi

vue v-model 与 组件化的表单组件如何沟通

参考mint-ui的代码: https://github.com/ElemeFE/mint-ui/blob/master/packages/radio/src/radio.vue https://github.com/ElemeFE/mint-ui/blob/master/packages/field/src/field.vue 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charse

【JavaScript】下拉列表select中在value传递多个值,取出其option显示值,并应用此作为导航

对于下拉列表select,众所周知,其值就是选中的option中的value值,可是如果需要取出每一个option的显示值,那又如何做呢?虽然没什么必要取出option的显示值,但是如果有时候确实需要这个显示值,在javascript的脚本做点什么呢?另外,如果要再value处传递多个值呢?那又改如何呢? 一.取出option的显示值 你可以先传递整个select过去脚本,假设传过去的形式参数是obj,然后利用obj.options[obj.selectedIndex].innerHTML来取出

django form表单组建使用及CBV模式

一.FBV和CBV FBV:是视图函数以函数的方式写逻辑代码 CBV:是视图以类的方式写逻辑代码 如CBV: views.py from django.shortcuts import render,HttpResponse,redirect from django.views import View from django.views.decorators.csrf import csrf_exempt,csrf_protect from django.utils.decorators imp