formik 相关问题

Form Validation 不显示错误信息

为什么错误消息没有显示在表单中。我的代码没有错误。 使用库的验证模式是的 使用 formik 在 jsx 中形成表单

如何根据两个条件设置 yup 验证？我将 TypeScript 与 Next.js 和 Formik 一起使用

如果此当前属性的值等于 true 且此 endedAt 属性的值为 null，我想将此 endedAt 字段设置为必填。 这是我尝试过的： validationSchema：是的。

Formik 不在 enableReinitialize={true} 上显示日期

我有简单的表格归档，日期来自正确的日期格式的服务器 但日期字段中的日期不显示日期 我只能查看“描述”对不...

带有 React、Formik 和 Material UI 的多步骤表单，带有复选框和自动完成的问题

我希望你能在这部分帮助我，所以在获取数据输入和使用 yup 验证字段时，我对步进器没有问题，对表单也没有问题。 但我有一个

使用 yup 和 formik 进行密码验证

如何进行密码验证，同时将错误传递给不同的变量？ IE password: Yup.string().required("请提供有效密码"),

Yup 验证接受以 0 开头的值而没有验证消息

我的表单接受以 0 开头的值，即使我将最小值设置为 2。我知道这被解析为一个数字，但我需要验证消息。 选项年份：Yup.number() .min(2, '输入 2 ...

react-native 中的依赖 Formik 输入字段

我正在使用 Formik 2.2.9。我有两个相互依赖的 TextInput 字段，如果我更改一个，另一个也应该更改。 我正在使用 Formik 2.2.9。我有两个相互依赖的 TextInput 字段，如果我更改一个，另一个也应该更改。 <Formik validationSchema={validationSchema} initialValues={{ amount: "", exchangeAmount: "", }} onSubmit={(values) => handleSubmit(values)} > {({ handleChange, handleBlur, handleSubmit, setFieldValue, values, errors, touched, }) => ( <ScrollView> <TextInput placeholder="Amount" keyboardType="number-pad" value={values.amount} onChangeText={(val) => { const newVal= val / rate; setFieldValue("amount", val); setFieldValue("exchangeAmount", newVal); }} /> <TextInput placeholder="Exchange Amount" keyboardType="number-pad" value={values.exchangeAmount} onChangeText={(val) => { const newVal= val * rate; setFieldValue("exchangeAmount", val); setFieldValue("amount", newVal); }} /> </ScrollView> )} </Formik> 当我控制 onChnageText 中的值时，该值已更新，但更改不会呈现在 UI（TextField）上。 <Formik validationSchema={validationSchema} initialValues={{ amount: "", exchangeAmount: "", }} onSubmit={(values) => handleSubmit(values)} > {({ handleChange, handleBlur, handleSubmit, values, errors, touched, }) => ( <ScrollView> <TextInput placeholder="Amount" keyboardType="number-pad" value={values.amount} onChangeText={(val) => { const newVal= val / rate; handleChange("amount")(val); handleChange("exchangeAmount")( newVal.toString() ); }} /> <TextInput placeholder="Exchange Amount" keyboardType="number-pad" value={values.exchangeAmount} onChangeText={(val) => { const newVal= val * rate; handleChange("exchangeAmount")(val); handleChange("amount")( newVal.toString() ); }} /> </ScrollView> )} </Formik>

使用 formik REACT 获取请求数组 [关闭]

我需要使用 formik FieldArrays 更新服务器上的信息。我找不到将 [new] 插入新字段然后将它们转换为后端豁免的行的方法。 我收到首字母...

是的基于非字段值的条件验证

我正在尝试创建一个 yup 模式，其中基于变量值模式略有变化。在我的例子中，根据 myCondition 道具的值，我需要根据需要创建一个字段。我会...

Formik tRPC 错误“预期字符串，收到空值”

我在我的 Nextjs 应用程序中使用 Formik 和 tRPC。当我提交表单时，出现以下错误： TRPCClientError: [ { “代码”：“无效类型”， “预期”...

很难用 Yup 和 Formik 进行用户输入验证

我想使用 Yup 和 Formik 进行表单验证。最小长度和空字段检查工作正常，但试图用

Formik onBlur 和 ErrorMessage 不能一起工作

在下面的代码中，ErrorMessage 只有在我注释掉 onBlur 时才有效。 我尝试了多种修复，但都没有用。任何帮助表示赞赏！

YUP 对可能没有或更多属性的嵌套对象进行验证

我正在尝试对此对象进行验证： 展示位置：{ 3：{}， 5：{}， 6: {0: 'D17'}, 7：{}， 8：{}， 9：{}， 10：{}， 11：{}， } 问题是，例如 3: {} 可能是空的，那就是

使用 Yup 进行表单验证：不触摸字段就出现错误

在我的项目 (next.js) 中，我使用的是 MUI、formik 和 yup。 有一个问题：只要我在第一个输入字段中输入内容，错误就会出现在所有其他输入字段中。有东西

React Native 中按下按钮时如何执行函数？

我正在尝试执行一个函数（保存），该函数在 Node js 中向我的 API 发出发布请求；这个请求使用的是 Axios。在表单中，我使用 Formik 和 Yup 进行验证。表格是一个简单的日志...

Formik 只改变一个值

这是我的： { formik.handleChange(e); setErrMsg(""); }}

从用户在 react formik 中输入的表单输入中删除前导和尾随空格，有/没有 yup？

如何从用户输入的表单字段中删除前导和尾随空格。 **是的架构：-** const createAddonCategorySchema = Yup.object().shape({ ...

挂机无效。钩子只能在函数体内调用 component-formik

在一个简单的 React 应用程序中，我使用了 formik hook useFormik，但浏览器在错误的地方抱怨它的使用。 这是我所做的： 从“反应”导入反应； 从'

在 localStorage 中添加令牌

我需要在用户授权时将令牌存储在本地存储中，但在提交 表单后它不会发生。 我认为问题出现是因为该属性不存在。但是安慰...

带有 Yup 和测试功能的异步验证

我的目标是验证电子邮件域。 当它是一个新的注册时，它工作得很好。但是，当我转到已填写电子邮件字段的页面（预加载 - 例如，我的个人资料页面）时，我