antd4.0中Form使用initialValue

参考文献：
https://blog.csdn.net/weixin_42661440/article/details/107581753
https://blog.csdn.net/jx950915/article/details/107164894/
在antd3中，initialValue是个好东西，设置默认值很方便。在antd4中，设置initialValue，这样我每次编辑回显的时候把数据传过来就行，后来发现不得行！

然后我用resetFields()这个方法，每次缺点或者取消之后重置一下数据，然而我试了还是不得行，变成每次点击显示的是上一次的数据，所以后面还是老老实实看了一下form的其他方法。

原因

form API

我们可以用setFieldsValue动态设置表单的值，在我们打开弹窗的时候，把值设置成我们想要的值，就完美解决。✿✿ヽ(°▽°)ノ✿

代码

 const onAdd = (item: any, type: string) => {if (type === 'edit') {form.setFieldsValue({name: item?.title})}setCreateVisible(true);//打开弹窗};<Form.Itemlabel="名称"name="name"rules={[{required: true,message: '请输入名称',},]}><Input placeholder='请输入名称' /></Form.Item>

antd4.0中Form使用initialValue相关推荐

asp.net 2.0中设定默认焦点按钮
在asp.net 1.1中,当要在page_load页面中,设置某个控件为默认的焦点按钮(也就是默认焦点是在这个控件上的),可能要用到javascript的代码,而在ASP.NET 2.0中,不用这些 ...
ASP.NET2.0中的ClientScriptManager 类用法—如何添加客户端事件！
在ASP.NET2.0中,ClientScriptManager 类通过键 String 和 Type 唯一地标识脚本.具有相同的键和类型的脚本被视为重复脚本.因此,我们可以使用脚本类型来避免混淆可能 ...
asp.net 2.0中一次性更新所有GRIDVIEW的记录
在asp.net 2.0中,gridview控件是十分不错的控件.有的时候,可能一个GRIDVIEW控件中的各行都是文本框,如何一次性更新所有修改过的记录呢?有两种方法,一种是使用sqldataso ...
2.0中获取数据库连接统计数据
作者: http://blog.joycode.com/liuhuimiao/ .NET 2.0中的SqlConnection多了一个StatisticsEnabled属性和ResetStatisti ...
NET Framework 2.0中的数据访问新特性
1异步数据访问 a)支持异步数据编程 b)SqlConnection – BeginOpen – EndOpen c)SqlCommand – BeginExecuteNonQuery – Begi ...
深度解析ASP.NET2.0中的Callback机制
callback的一般使用方法还算简单,直接参照msdn的帮助和范例就足够了.但是想要真正用好.用精,或者想开发一些基于callback机制的WEB组件,那么,就要先深入了解callback的实现机制 ...
在Struts 2.0中国际化(i18n)您的应用程序
国际化是商业系统中不可或缺的一部分,所以无论您学习的是什么Web框架,它都是必须掌握的技能. 其实,Struts 1.x在此部分已经做得相当不错了.它极大地简化了我们程序员在做国际化时所需的工作,例如 ...
[翻译]在asp.net 2.0中使用WebParts
原文地址:http://dotnetslackers.com/articles/aspnet/UsingWebPartsInASPNet20.aspx [译者改后代码下载] [翻译]在asp.net ...
ASP.NET2.0中的ClientScriptManager 类用法—如何添加客户端事件
在ASP.NET2.0中,ClientScriptManager 类通过键 String 和 Type 唯一地标识脚本.具有相同的键和类型的脚本被视为重复脚本.因此,我们可以使用脚本类型来避免混淆可能 ...
Asp.Net 2.0中的客户端脚本
在使用 ASP.NET 的时候,我们仍然在许多情况下需要使用客户端脚本.以下是笔者根据自己的经验和一些粗浅的研究,对此作一个简要的总结. 一.在 HTML 里直接写脚本这个方法是最简单的,直到如今我 ...

antd4.0中Form使用initialValue

原因

form API

代码

antd4.0中Form使用initialValue相关推荐

最新文章

热门文章