在react中写input没办法使input的value属性生效，state变化无法显示出来

最新推荐文章于 2024-02-25 17:20:44 发布
最新推荐文章于 2024-02-25 17:20:44 发布
阅读量1.5k 收藏 2
点赞数 3
分类专栏： 问题合集 文章标签： react html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wqylry/article/details/110872012
版权
本文详细介绍了在Ant Design 4.x版本中如何使用setFieldsValue来管理表单状态，通过参考提供的链接，读者可以了解到setFieldsValue的用法及其在实际开发中的应用场景。问题12.27已得到解决，对于为何需要setFieldsValue，文章也给出了作者的期待解答。
摘要由CSDN通过智能技术生成

在这里插入图片描述
随便加个包裹就可以了，至于为什么我也希望有人能告诉我

12.27问题解决
在这里插入图片描述
antd4+ 的setFieldsValue 使用参考地址
在这里插入图片描述

笛声悠长
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
React+Antd项目，Form的Input中已经有内容，但是还是提示此项为必填项，不能为空
BigFamer的博客
08-26 4838
我们在进行数据采集功能开发的时候，往往会用到Form表单，这其中必不可少的就会用到Input（多种type类型）输入框。经常还会对其中的某一些Input输入做一些必填或者某些输入格式的限制，设置默认值和placehoder等等需求场景。我在使用React + Antd构建含有多个Input组件的Form表格时，遇到了下述问题…...
input-value:React钩子用于创建输入值
05-06
您需要在^16.7.0-alpha.0处安装react ， react-dom等安装yarn add @rehooks/input-value用法import useInputValue from '@rehooks/input-value' ;function MyComponent ( ) { let name = useInputValue ( 'Jamie' )...
解决React中操作input的value时无法触发input事件问题
Jyms的博客
07-20 1101
解决方法，见如下代码： 原例： let input = someInput; let lastValue = input.value; input.value = 'new value'; let event = new Event('input', { bubbles: true }); // hack React15 event.simulated = true; // hack React16 内部定义了descriptor拦截value，此处重置状态 let tracker = input._va
react - input 输入框
mygoes
11-10 6520
input 输入框需求： 用户操作输入框时获取操作后的值。 import React, { Component } from 'react'; import { TextInput } from 'react-native'; export default class InviteScreen extends Component { constructor(props) { super(props); this.state = { pay.
关于react里Input动态获取值的写法
weixin_59749798的博客
08-22 977
关于react里Input动态获取值的写法
React-Native TextInput中value有值但不显示
HiIAN1103的博客
03-15 600
TextInput的value只能是字符串，数字类的显示不出来。先把数字转成字符串，就显示出来了。
在react项目中使用antd的form组件,动态设置input框的值
01-18
点击保存之后，对表单进行了验证，导致之后请求的数据无法在更新到input框中，也就是说即使在state中有值，也不会更新initialValue值，就导致搜索后的值不能正确填入input中，表单也就提交不了。 解决办法： 不使用...
react-input:在React中构建表单的单个组件
05-02
好的替代方法包括：概述React输入是一个轻量级的，无依赖的组件，用于在React中构建表单，而无需考虑幕后发生的事情。 它使用一个组件和一组对象来描述表单中的输入。用法通过npm安装组件： npm install react-...
react-input-range:React组件，用于输入范围内的数值（范围滑块）
05-02
React输入范围InputRange是一个React组件，允许用户输入特定范围内的数值。 它可以接受一个值或一个值范围（最小/最大）。 默认情况下，将应用基本样式，但是可以根据您的设计要求将其覆盖。演示版可获得CodePen演示...
react-code-input:用于输入和验证PIN码的React组件
05-02
例子安装npm i --save react-code-input 用法数值输入：...< ReactCodeInput type = 'number' xss=removed>. . .文字输入：...< ReactCodeInput type = 'text' xss=removed>. . .密码输入：......
react中修改state中的值无效?
最新发布
m0_58575070的博客
02-25 787
问题来了,明明已经修改过了,为什么拿不到值呢,原来是setState的执行机制导致的,setState是作为异步来执行的,打印是同步的,因此拿不到值。解决: 要想获取更新后的值,只需在setState第二个参数中获取即可。
react antd对话框里面input的数据回显
qq_48211147的博客
08-13 3486
最开始使用initialValues设置里里面的值，然后用setName修改，但是这样导致了当你点击张三的名字后，再点击李四的名字，出现的还是张三的名字，然后点击取消的一瞬间，才会重新渲染成李四的名字。............
【react】解决在外部设置react组件input的value问题
gz-郭小敏的博客
04-13 669
解决在外部设置react组件input的value
React中input框设置value报错解析
weixin_30314813的博客
11-09 398
　　react input 不设置onChange的常见错误截图 　　 　　表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。　　React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。 　约束性和非约束性组件 　　表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。 　　约束性组件，简...
React ant Design 踩坑 input 的 defaultValue 重新赋值 不生效
Codernmx
08-15 7369
在官方文档中有一个value 和一个defaultValue，在使用defaultValue的时候你会发现，展示默认的值是可以的，但是如果你修改了那个值页面数据是不会更新的。如果你去使用value的时候又会发现他的输入框你输入不了任何值。 解决办法： <Input key={this.state.name} defaultValue={this.state.name} /> 加一个key 在看网上其他解决方案的时候看到可以通过，onChange来得到他event.target.value的
TextInput输入框有数据但是不展示
K563161969的博客
09-02 599
问题： TextInput作为一个组件value去接收变量展示数据 变量有值 但是页面没有展示 解决方案： TextInput组件接受value特定String类型 传入的变量可能为number 将变量转为String即可
react获取input的值并提交的两种方法，input输入框输入内容无效的情况
liulang68的博客
12-18 4058
https://www.jb51.net/article/209592.htm
input框的value明明有值，但是不显示问题
热门推荐
铁柱的博客
12-29 5万+
上午刚碰到的问题。也耽误了不少时间。用浏览器F12查看元素，发现value有值，但是显示的确实placeholder的值。然后注释掉placeholder之后，input框什么都不显示了。一、如图所示      百度一下，都说可能是JS赋值的原因。因为前端页面不是我写的，所以刚开始也没想到这一点。后来和同事一起找问题，才发现问题所在。二、错误原因function loadPage(){ if
在react中对input做防抖
05-27
在 React 中对 input 做防抖可以通过使用 useCallback 和 useRef 配合实现。 首先，通过 useRef 来创建一个变量来存储 input 的值，然后使用 useCallback 来创建一个防抖函数，最后将防抖函数作为 onChange 事件的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值