更新Formik表单上的初始值属性不会更新输入值
我对前向裁判使用Forik形式，如下所示 Form.js import React from "react"; import FormikWithRef from "./FormikWithRef"; const Form = ({ formRef, children, initialValues, validationSchema, onSubmit }) =>
..
formik相关内容
如何在YUP异步验证中设置动态错误消息？
我正在尝试使用Yup的.test()方法在Formik中进行异步验证，并且需要设置从API获得的错误消息。根据后端的某些情况，错误消息会有所不同。 尝试了这里提到的几种解决方案 https://github.com/jquense/yup/issues/222和Dynamic Validation Messages Using Yup and Typescript 但Yup正在抛出t
..
Formik+Yup：如何在提交前立即验证表单？
我希望在装入表单时显示字段错误。不是在提交之后。 是的： const validation = Yup.object().shape({ field: Yup.string().required('Required') }); Formik：
..
有两个相关字段的YUP验证
我正在使用formik进行reactjs中的表单管理，我有一个关于YUP验证的问题。 我有两个域，一个是用于选择国家/地区的选择控件，另一个是邮政编码。 在国家/地区数组中，我们使用regex来验证邮政编码，我们的想法是使用当前所选国家/地区的regex来验证输入的邮政编码，有人可以提示如何执行此操作。 推荐答案 一个字段的示例，该字段要求的数值不能高于其他两个字段的值的乘
..
如何让YUP执行多个定制验证？
我正在做一个ReactJS项目。我正在学习使用Yup与FormIk进行验证。以下代码运行正常： const ValidationSchema = Yup.object().shape({ paymentCardName: Yup.string().required(s.validation.paymentCardName.required), paymentCardNumber: Y
..
使用YUP和Formick进行密码验证
如何进行密码验证，同时将错误传递给不同的变量？ 即 password: Yup.string().required("Please provide a valid password"), passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'), passwordLC: Yup.string
..
ReactJS：如何使用Formik处理图像/文件上传？
我正在使用ReactJS为我的网站设计个人资料页面。 现在我的问题是如何从本地计算机上传图像并将其保存到数据库并在个人资料页面中显示 import React, {Component} from 'react'; import { connect } from 'react-redux'; import { AccountAction } from '../../actions/user/A
..
为什么我不能在Formik中获取日期和文本区域的值？
我使用Formik和Yup作为Reaction应用程序中的表单控件。我还使用了语义用户界面。在应用程序中，当我单击Submit按钮时，虽然我可以从Formfield元素中读取值并在控制台上看到它们，但我无法获取日期和文本区域元素的值，并且它们在控制台上显示为空白。我怎样才能解决这个问题？ 在这里我定义初始值。 const initialValues = { jobTitle: { id
..
使用带有异步函数的history.block/回调/异步/等待
我在路线中有一个表单，如果有任何验证错误，它应该不允许用户导航到另一个路线。如果没有验证错误，则允许导航到其他路线。 下面是我当前的代码，onBlock函数不起作用，因为提交然后验证表单的函数是异步的。 FormComponent.js import React, { useState, useEffect, useRef } from "react"; import { Fie
..
在Formik中使用Material-UI的自动完成组件
当前正在尝试将Material UI的Autocomplete组件与Formik一起使用。到目前为止，像文本字段和从Material-UI中选择的传统内容在Formik上运行得很好。实现自动完成并非如此。Formik的onChange处理程序似乎没有更新Mycity_id的值。我知道自动完成功能仍然不是Material-UI核心库的一部分，但目前仍在观察是否有可能实现这样的功能。 impor
..
反应如何使用Textfield Material-UI中的图标和TypeScript
我已经使用TypeScript Material UI和Formik设计了一个带有验证功能的表单。我希望在我的文本字段区域中出现一个材料UI图标，下面是我的代码： import React from 'react' import { Formik, Form, FieldAttributes,useField} from 'formik' import { TextField } from
..
React:formik 表单，如何在回调函数内提交后使用状态
我在 reactjs 中使用 formik 插件，我想在表单提交后 useState 变量. this 和 setState 都是未定义的，我无法实现. 有人可以帮我完成这项工作吗? 见截图(下方) 解决方案 在 JavaScript 中，类方法默认不绑定. 如果忘记绑定 this.LoginApp 并将其传递给 onSubmit，this 在实际调用函数时将是 undef
..
如何将简单的 Formik 表单与 Redux 存储连接并分派动作?
我是 react/redux 的新手，但可以为我的应用实现一些简单的 addProduct 表单.今天我尝试用 Formik 从这个 基本演示，但我不明白我应该在哪里放置“调度"功能(我到处都试过了). 可能是我以错误的方式使用了连接? 我的新组件与 Demo 中的完全一样，除了我用 productName(和其他附加字段)替换了电子邮件).但我无法理解如何将“值"从 Formik 传
..
TextInput 上的 onChange 在 Formik 中不起作用
通常 允许您输入，即使您只是指定一个占位符.但是，在 Formik 表单中使用时，我无法在表单中键入和验证任何内容.我做错了什么? 我已经尝试了 onChangeText 和 setFieldValue 和 handleChange 两者. const initialValues: FormValues = {朋友邮箱:'',};导出 const 页面:React.FunctionComp
..
如何访问其他字段中的字段数据
我有一个使用 Formik 的模态表单.这里有两张图片显示了可以用开关切换的表单的两种状态.最初我将文本填充到可以动态添加并存储为数组的字段中. 第二张图显示了我如何切换到 textarea.在那里，您还可以添加带有逗号的文本，这些文本将变成一个数组. 有什么方法可以从第一个屏幕的输入字段中填充数据，切换到 textarea 并访问已经输入的数据. 我知道 formik 会将这种状态
..
如何使用 antd 和 formik 设置和获取日期选择器值?
这里我用 antd 创建 Datepicker 并将这个 antd datepicker 传递给 formik 字段.我的 Datepicker 和 antd 示例代码 import React from "react";从“antd"导入 { Form, DatePicker }从“formik"导入{字段}；从“时刻"导入时刻；const FormItem = Form.Item;函数 o
..
提交值后如何重置antd datepicker?
这里我提供了我的示例示例，用于处理代码和框.提交表单后如何重置日期选择器值? 状态 = {设置字段值:''}onChange = (setFieldValue) =>{this.setState({ setFieldValue: null })}使成为() {const { values, handleSubmit } = this.props返回 (
..
在 Formik 中使用 setFieldValue onSubmit
我将 formik 与 @jbuschke/formik-antd 和 react-input-mask 一起使用.我有一个掩码 +7 (___) ___-__-__ 应用于其中一个输入，我需要解析它 onSubmit 以删除不必要的符号. 我已经定义了一个 const changedValue，然后在 setFieldValue 中使用它，但我收到以下错误: 不变违规超出最大更新深度.当
..
在 formik 和 formik-antd 中使用 react-input-mask
我正在使用 formik 和 @jbuschke/formik-antd.我需要将掩码 +7 (___) ___-__-__ 应用于输入，所以我想使用 react-input-mask. 同时我需要解析值并删除除+和数字之外的符号，所以我自己处理onChange和setFieldValue.我可以在控制台日志中获取 changedValue，但在提交时我得到的是初始值，而不是更改后的值.
..
React Bootstrap Form.Check with Formik
如何使用 yup 和 Formik 将 Form.Check 正确绑定到布尔变量? React-Bootstrap 4.5 提供了一个示例使用 Formik + yup 与表单输入.我能够设置文本输入和选择，但遇到了 Form.Check 元素的问题.我希望它能够在更改时提供简单的布尔值，而是我得到一个空数组 [] 或 [&键'] 当检查复选框时. 文档也有这个问题，在上面链接的例
..