OnChange事件上的Antd form setFieldValue不工作
是指在Antd表单中，使用setFieldValue方法更新表单字段的值时，发现该方法无法正常工作。
Antd是一款基于React开发的UI组件库，提供了丰富的表单组件和表单处理功能。在Antd表单中，通过监听表单字段的OnChange事件来实现对表单字段值的更新操作。而setFieldValue方法是Antd表单提供的一个用于更新表单字段值的方法。
当在OnChange事件中调用setFieldValue方法时，如果发现该方法不起作用，可能有以下几个原因：
- 表单字段名称错误：首先要确保调用setFieldValue方法时传入的字段名称是正确的，与表单中定义的字段名称一致。
- 表单字段值未更新：在调用setFieldValue方法之前，需要先更新表单字段的值。可以通过setState或其他方式更新表单字段的值，然后再调用setFieldValue方法。
- 表单字段未绑定：在Antd表单中，需要将表单字段与表单控件进行绑定，才能正确地更新表单字段的值。确保表单字段与表单控件的绑定关系正确。
- 表单字段未定义initialValues：如果在Antd表单中使用了initialValues属性来初始化表单字段的值，需要确保该属性已正确设置，并且在调用setFieldValue方法之前，表单字段的值已经初始化。
如果以上几个方面都没有问题，但setFieldValue方法仍然不起作用，可以尝试使用其他方法来更新表单字段的值，例如getFieldDecorator方法的setFieldsValue方法。
总结起来，当在OnChange事件上的Antd form中发现setFieldValue方法不工作时，需要检查表单字段名称、表单字段值的更新、表单字段与控件的绑定以及initialValues属性的设置等方面，确保没有遗漏或错误。如果问题仍然存在，可以尝试使用其他方法来更新表单字段的值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙服务（Tencent Cloud Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
2回答
OnChange事件上的Antd form setFieldValue不工作
javascript、reactjs、antd
我有一个简单的表单字段，当使用setFieldsValue触发onChange事件时，我正在尝试格式化和设置该字段值，但这并不起作用。我不想再创建一个带有state的受控组件并设置值，因为我在原始表单数据中有20个字段。我们如何在onChange本身上设置表单值。
浏览 537提问于2020-03-01得票数 2
4回答
如何在React中定义setFieldValue
javascript、reactjs、semantic-ui、formik、semantic-ui-react
我得到一个错误，说setFieldValue没有定义，但我之前研究过的地方没有找到这个方法的任何定义，它只是像这样使用，所以我不知道为什么会发生这种情况。这是我的代码： import React from 'react';import { Button, LabelReact.PureComponent { super(
浏览 102提问于2020-09-07得票数 3
回答已采纳
3回答
无法获得验证，只能在使用Formik - errored字段激发Antd窗体时显示实际尝试提交
reactjs、antd、formik
我很难通过单击按钮(而不是提交)来获得我的表单(即Antd表单)来验证(不提交)。让它验证和更新包含错误的字段的唯一方法是，如果我尝试提交它。有办法这样做吗？还是我不得不提交表格？我有一个提交按钮和一个只用于验证的按钮--仅验证按钮调用validateForm方法，但是表单上没有任何更新。编辑：这里有一个代码框的链接来演示这个： ...again --当我触摸textbox或单击submit按钮时，验证工作并显示文本框下面的错误消息，然而，当单击Val
浏览 0提问于2018-10-31得票数 0
回答已采纳
2回答
将ant.desing V4.x选择组件与redux-form一起使用
reactjs、redux-form、antd
我使用的是antd V4，antd Select与redux-form不绑定。我可以绑定数据，可以在选中项目后选择items.But，移动到下一个控件或单击，所有选中的项目都会消失。我正在尝试编写我自己的自定义包装，仍然是同样的问题。 我发现v3和v4 onChange事件如下-： V3.x onChange?：(值: T，选项: React.ReactElement | React.ReactEl
浏览 23提问于2020-05-01得票数 1
1回答
Formik，Antd & Yup: InputNumber (antd)字段错误
javascript、reactjs、antd、formik、yup
尝试将Formik和Yup与Antd一起使用，但仍停留在简单的错误上。我有下面列出的代码。电子邮件字段(输入)工作正常，但当我更改年龄字段(InputNumber)时，我在formik中得到错误："TypeError:无法读取未定义的属性‘类型’“。С无法理解为什么会发生这种情况，以及我应该在哪里找到这个未定义的类型属性。尝试将type=number设置为“年龄”(InputNumber)无济于事--我得到了同样的错误。有谁知道如何在
浏览 17提问于2020-06-29得票数 1
3回答
Antd Date :如何在时刻js中设置有效的空日期
reactjs、momentjs、antd
我正在为这个项目使用ANTD ()，ANTD与其他组件一起工作得很好，而我在使用DatePicker()时遇到了问题。DatePicker使用moment()我将日期字段设置为init
浏览 76提问于2019-07-27得票数 0
1回答
使用反应输入掩码与formik和formik- and
reactjs、antd、formik
我将formik与@jbuschke/formik-antd结合使用。我需要将掩码+7 (___) ___-__-__应用于输入，所以我想使用react-input-mask。同时，除了+和数字之外，我还需要解析值和删除符号，所以我自己处理onChange和setFieldValue。我可以在控制台日志中获得changedValue，但在提交时，我得到的是初始值，而不是更改后的值。}) => { <Form>
浏览 0提问于2019-07-24得票数 3
回答已采纳
1回答
如何使用withFormik字段和react数据报警器？
reactjs、formik、react-datepicker
我试图将道布数据从我的主类发送到一个子组件(RegisterAccount.jsx)，并使用yup和withFormik字段在子组件上验证它。DatePicker在选定后不会在文本框中显示选定的值。请检查我的以下代码：// Some imports were removed to keep everything looks cleaner &l
浏览 0提问于2019-06-21得票数 1
回答已采纳
3回答
在单选按钮上单击文本框应显示
reactjs、react-redux
嗨，我正在做反应，我正面临一些关于收音机按钮的问题。我有“是”或“否”这样的情况，当用户说“是”时，我必须显示文本框，而当他说“不”时，我必须隐藏文本框。 {getFieldDecorator("isBranchAvailable", {
浏览 1提问于2019-08-14得票数 2
回答已采纳
1回答
未提供更新值的DatePicker onchange事件
javascript、typescript、datepicker、momentjs、antd
我有一个数据报警器，它显示一个默认值(只有当api有一个值时才显示)，当我更新它时，onchange函数不会给出所选的值。它给出了来自api的初始值。是否知道如何将更新后的值转换为onchange函数。api
...state,...apidata,}表单组件
<Formname="update form"
浏览 2提问于2021-10-10得票数 2
2回答
提交值后如何重置antd datepicker？
reactjs、gatsby、antd、formik、yup
在这里，我提供了在codesandbox上工作的示例。如何在提交表单后重置DatePicker值？state = { }
this.setState(return ( <Form
浏览 100提问于2019-02-28得票数 4
1回答
在Formik中使用setFieldValue onSubmit
reactjs、antd、formik
我将formik与@jbuschke/formik-antd和react-input-mask一起使用。我有一个应用于其中一个输入的掩码+7 (___) ___-__-__，我需要解析它的onSubmit来删除不必要的符号。validate={validatePhone} {({ isSubmitting, values, handleChange }) => { <Form<CustomInput
浏览 25提问于2019-07-26得票数 6
回答已采纳
3回答
当组件处于从函数传递的状态时，Ant设计表单验证不起作用，并且不更新输入值
javascript、reactjs、antd
从使用状态的函数发送时，无法验证表单项。更改选项时，“Select”值也不会更新。 我使用的是Ant设计中的组件。如果我使用'select‘而不是'Select’，那么值被更新了，但是没有验证问题的解决方案。 已尝试异步等待，因为可能存在更新状态的问题。没有起作用。 这是我的代码。import ReactDOM from "react-dom";
import "antd/dist/antd<
浏览 47提问于2019-09-03得票数 1
1回答
如何使用axios formik和react js发布对象数组？
javascript、reactjs、axios、formik
(values, actions) => { alert(JSON.stringify(values,errors, isValidating, <FormisMulti
浏览 7提问于2021-06-07得票数 0
回答已采纳
3回答
如何从外部更改Formik TextField值？
javascript、reactjs、redux、material-ui、formik
在模块对话框中，我想更改输入值(#quaggaIsbn)的值。我尝试了document.getElementById("quaggaIsbn").value = result.codeResult.code，但它没有反映到表单发送到服务器的值。如何更改Formik发送到服务器的值？ ? NewProjectDialog.js import React from 'react';import { Formi
浏览 72提问于2020-04-19得票数 5
回答已采纳
6回答
如何从Ant设计中获取Select/Option组件的值
javascript、html、reactjs、antd
我想从我的选择中检索值，这样我就可以发出post请求。我没有问题从文本输入，但由于某种原因，我不能从下拉菜单选择它。最后我得到了一个"TypeError: Cannot read property 'value' of undefined"import { Form, Input, Button, Select } from "antd";
const { Opti
浏览 8提问于2019-04-22得票数 13
回答已采纳
1回答
如何使用React.js和Formik根据select字段的值更新输入字段？
javascript、reactjs、formik
我正在构建一个应用程序，根据我使用Formik和libphonenumber.js库选择的国家显示不同的电话号码格式。onSubmit={(values) => submitForm(values)}> <formonSubmit={handleSubmit}>
<select name='country' onChange={(e
浏览 2提问于2019-12-25得票数 0
1回答
CORS在Antd请求中发出，不是传递CORS，而是fetch()传递
reactjs、fetch、antd、hapi
当我在后端UI中使用Antd时，我遇到了棘手的问题。我试图包括Antd上传图片到我的API服务器。但是，由于某种原因，正常的fetch()似乎正常工作，而Antd内部提取请求显示有关CORS丢失的错误。<Upload name="design_images" multiple
浏览 2提问于2021-01-01得票数 0
回答已采纳
1回答
如何使用antd和formik来设置和获取datepicker值？
reactjs、gatsby、antd、formik、yup
在这里，我使用antd创建Datepicker，并将这个antd datepicker传递给formik field.My示例代码。import React from "react"; import { Field } from "formik";
const FormIte
浏览 68提问于2019-02-28得票数 2
回答已采纳
1回答
setFieldValue从多个选择下拉列表中给出始终设置布尔值true
reactjs、dropdown、formik、semantic-ui-react
如果I console.log(data.value)，它确实会显示所选选项的数组。StateOptions是包含键、值和文本的对象数组 对于其余的代码，所有字段(我不在这里写它们)都会给出值，这是写给它们的 看起来setFieldValue函数(默认的Formik属性之一)工作不正常以下是字段的代码，其值始终为true： import { Dropdown, DropdownProps, Form } from "sema
浏览 119提问于2020-08-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
