react ant Design实现手动设置表单的值

发布时间:2020-11-02 15:25:28 作者:Leah
来源:亿速云 阅读:435

本篇文章给大家分享的是有关react ant Design实现手动设置表单的值,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

1.设置表单的值

this.props.form.setFieldsValue({ name:"张三", });

2.清空表单的值

this.props.form.resetFields();

3.获取某一输入框的值

this.props.form.getFieldValue('newPassword');

4.获取整个表单的值

this.props.form.getFieldsValue();

多看官方文档就知道这些东西了

补充知识:react使用antd表单赋值,用于修改弹框

1、使用getFieldDecorator的initialValue

react ant Design实现手动设置表单的值

2、在state里定义一个变量存表格的数据

react ant Design实现手动设置表单的值

3、给打开弹框的方法传个record

react ant Design实现手动设置表单的值

4、把表格里的值存到state

react ant Design实现手动设置表单的值

5、把在state里存的值传给弹框

react ant Design实现手动设置表单的值

6、获取传过来的值

react ant Design实现手动设置表单的值

7、在取消方法和修改成功后中给赋空值,要不然,点击添加的方法表单里面会有值

react ant Design实现手动设置表单的值

react ant Design实现手动设置表单的值

7、OK~

react ant Design实现手动设置表单的值

以上就是react ant Design实现手动设置表单的值,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. 73react_todolist项目1
  2. react项目基本实践

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

react 的值 design

上一篇:Eclipse for PHP环境搭建运行测试的案例分析

下一篇:C# 如何实现一个WebSocket服务端

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》