react+antd - Form 保存input 的值

Cool - Colbru

于 2023-03-15 16:49:04 发布

阅读量342

点赞数

分类专栏： react antd web前端开发文章标签： react.js javascript 前端 react+antd

本文链接：https://blog.csdn.net/weixin_42025989/article/details/129560456

版权

1、State中先定义一个json对象，全部值为空：

 // 添加合同列表数据
  constructor(props){
   
    super(props);
    this.state = {
   
      addContractData:{
   
        name: '',
        no:'',
        demand_side: '',
        start_time:''

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Cool - Colbru

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
react+antd - Form 保存input 的值

/ 添加合同列表数据 constructor(props) {//通过传参的方式 setdata =(objname , key) = > {
复制链接

扫一扫

专栏目录

React input动态取值和赋值

周家大小姐

03-26

2万+

需求:对用户在form表单输入的值提取出来,并且改变setState中的数据 1.在constructor中设置初始值 2.在Input框中定义如果只有value没有onChange事件会报错,change事件可以关联输入的值 value = {this.state.name} onChange ={this.onChange.bind(this) } 3.对onchange事件注...

Django—Form两种保留用户提交数据的方法

u011927449的博客

04-22

1867

用户在网页上进行表单填写时，有可能出现某项填写错误。一般情况下，用户在未发觉错误的情况下点击提交，则此表单的内容会清空，用户不得不再重新填写，这样的用户体验是及其糟糕的。在此，我们有2种方法将用户的输入保存下来，一旦填写错误，只需要将错误项修改即可重新提交。一、利用Form生成Html标签 1. views.py 1 from django.shortcuts import render,...

参与评论您还未登录，请先登录后发表或查看评论

表单提交后保留原始输入数据的方法

yy的博客

10-03

5297

return "<script>alert('缺少某项元素,请重新填写');history.go(-1)</script>" // history.back(-1)//返回上一页,浏览器的后退 // history.go(-1)//返回上一页,保留之前输入记录 ...

ant design pro 动态表单表单嵌套表单的数据存储到上层组件

你好！刘斩仙

01-24

9638

描述：如下图，在表单中，根据后台返回值确定行数，每一行都是一个Form表单，提交表单时，每一行为对象`{购药日期：’ ‘，购药支数：’ ‘，号码：’ ‘，来源：’ '}，最终形式购药发票记录：[ {id：1，购药日期：' '，购药支数：' '，号码：' '，来源：' '}, {id：2，购药日期：' '，购药支数：' '，号码：' '，来源：' '} ] 参考：根据...

使用 react antdesign form 表单动态添加一条数据时造成之前输入框的值丢失

xuewenjie0217的博客

03-26

1983

> 注：可能在做动态 form 表单时直接写一个 form 表单、使用 Form.list 自己不需要写任何变更原来数据结构的逻辑 > 若是以上情况可以不需要给表单设置值来变更 form 结构、直接在输入完表单之后、取 form 值提交 > 但很多情况下，业务都会很复杂、比如选择一项值之后需要给其他表单字段设置对应的值、或后台需要类似城市联动组件中，非value值，此处完全依赖 form 表单自身是很难实现的。 > 以下只存在于复杂逻辑与数据结构时、需要自己存储一份数据对应到 form 中 bug

【JavaScript源代码】react+antd.3x实现ip输入框.docx

12-29

本文实例为大家分享了react+antd.3x实现ip输入框的具体代码，供大家参考，具体内容如下　表现形式如下：　js+html　　/**　* zks 2021 10 26　* ip输入框，作用于新建与修改虚拟子网 * 使用方式：参看antd-form...

在react项目中使用antd的form组件,动态设置input框的值

01-18

点击保存之后，对表单进行了验证，导致之后请求的数据无法在更新到input框中，也就是说即使在state中有值，也不会更新initialValue值，就导致搜索后的值不能正确填入input中，表单也就提交不了。解决办法：不使用...

在react-antd中弹出层form内容传递给父组件的操作

01-21

import { Form, Input} from 'antd'; const FormItem = Form.Item; class Forms extends Component{ getItemsValue = ()=>{ //3、自定义方法，用来传递数据（需要在父组件中调用获取数据） const values= this....

antd-data-table：组合antd的Table和Form来执行数据的搜索，显示和操作工作的组件

02-03

antd数据表一个组合了antd的Table和Form来进行数据的搜索，显示和操作的组件。特征摆脱：处理分页处理表格行选择编写搜索字段表单项组件编写行动作组件只需关注：进行数据获取请求并返回数据如有必要，呈现特定的...

FleetingTime:React react-dom antd antd-pro v4 umi umi-request pro-table pro-layout pro-form pro-descriptions pro-card图标lodash

03-08

import { PureComponent , createRef } from 'react' ; import { PlusOutlined } from '@ant-design/icons' ; import { Button , Tag , Space , Divider , message , Input , Drawer , Badge , Card , ...

form表单提交后保持输入的值

04-18

4050

1.form表单提交后，继续保持原来输入的值 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta charset="UTF-8"> <title>form表单提交后保持输入的值</title> </he...

ajax提交form表单，禁用默认表单提交并保留input的数据校验

wangjinyu124419的博客

04-05

550

设置表单的onsubmit="return login()"，让login函数返回false，注意false小写，Python写惯了，之前写成False。 html代码: <form method="POST" id="login_form" onsubmit="return login()"> <div class="input"> <input type="text" name="username" plac.

网页后退，让INPUT保留输入值

weixin_30919429的博客

07-01

575

在一个项目中，我采用了my97date日历控件，提交表单后，客户希望后退后，还保留刚才选择的日期。当时脑子里面第一个想法是，使用cookie。大致的方案是： 1、onsubmit的时候，写cookie 2、提交页面里面，写入onload函数，读取cookie，并赋值但脑子里面，总觉得应该有更简单的方法，后来查找html帮助，发现可以利用属性来设置，大致内容如下： <inp...

基于react + ant实现可编辑表格，可分页，可批量删除，保存等功能

weixin_44481459的博客

07-08

2560

最近因为工作需要，要基于react-ant做一个可编辑表格，具体功能如图所示，可新增，删除，批量删除，保存等功能，

一个按钮提交两个form表单_【第1535期】前端 Form 的表单的一个通用解决方案

weixin_39751391的博客

11-23

1775

前言今日早读文章由阿里@布达投稿分享。@布达，Alibaba Fusion项目组的。花名潕量。主要专注在设计系统、组件、可视化搭建这个领域正文从这开始～～Fusion Next - Form 表单解决方案前端的Form 表单主要用于解决数据获取、数据校验、数据赋值这三大类问题。这篇文章里面的提供的解决方案能够比较完美的用在 React 框架上，但是解决问题的思路相信应该是可以使用于任何...

input值不可变、隐藏input(表单隐藏域)

CV_Di的博客

01-25

4054

input标签值不可变、隐藏标签一、值不可变方法1:readonly方法2:disabledreadonly 和 disabled的区别：二、隐藏\标签(表单隐藏域) 一、值不可变在写前端页面时，有时候我们需要让<input>标签只能看，但不能更改，就行银行卡号之类的。那么这个时候就需要让标签的值不可变了，让标签值不可变的方法有两种(readonly，disabled)。方法1:readonly <form action="#"> <h4>方式一:reado

ant-design-react a-form组件隐藏提交信息

qq_30893593的博客

09-01

1720

ant-design-react a-form组件隐藏提交信息

react，antd-design Form Tooltip复制功能

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交