formik 相关问题

我们如何将 Chakra RangeSlider 值传递到 Formik 中？

我正在尝试使用 Formik 将数据传递到带有脉轮范围滑块的注册表单中。我无法将更改后的值传递到我的handleSignUp() 函数中。他们总是只显示最初的

如何在react formik单选字段上使用onChange属性

每当我单击不同的单选按钮时，我都希望使用 onchange 函数。但每当我尝试这样做时，formik 的默认行为就会丢失。 常量初始值 = { hasParent：“不&...

formik 不适用于初始值 new Date

我正在尝试像这样设置日期的初始值，但是当组件呈现时，它会给我这样的错误 const formik = useFormik ({ 初始值：{ dob: 新日期 () } }) 这样做的同时...

Formik 警告：“组件正在更改要控制的文本类型的不受控制的输入”

我正在React JS中开发一个动态表单，当用户单击“添加”按钮时，注册表单将添加到屏幕上。在注册表单中，我使用 Formik 进行验证。 形式是动态的...

使用 Formik 和 React 的可重用自定义输入组件的问题

在这里，我尝试创建一个自定义组件，它可以通过 props 接收数据并用作基本表单输入。 但是，我遇到了不显示错误的问题。可以一些...

react 中可重用的自定义组件

在这里，我尝试创建一个自定义组件，它可以通过 props 接收数据并用作基本表单输入。但是，我遇到了不显示错误的问题。可以一些...

动态添加字段到 Formik 表单

我需要一种在 for 循环中向 Formik 表单添加字段的方法。我已经阅读了 FieldArray 组件的文档，但我不太明白如何使用它。这是我当前的代码： 功能

状态改变不会触发重新渲染

我设置了一个 MUI 表，其最后一行包含一些 TextFields （为了可读性而删除内容）： [生成的行...] 我设置了一个 MUI 表，其最后一行包含一些文本字段（为了可读性而删除内容）： [Generated rows...] <TableRow> <TableCell component="th" scope="row"> <TextField/> </TableCell> ... <TableCell> <Button variant="outlined" onClick={() => addFond()}> <Add /> </Button> </TableCell> </TableRow> 上面的行是从来自持久存储状态的数组生成的。 使用 addFond() 按钮和功能添加一行： const addFond = () => { userDefaults.assuranceVie ??= {} userDefaults.assuranceVie.tableFondsVI ??= [] userDefaults.assuranceVie.tableFondsVI.push({ ...formik.values, id: uuidv4() }) setDefaults(userDefaults) } 我正在为新行使用 Formik 表单，并且希望为最后一行上方的所有迭代行创建一个新的 formik 行。 当单击 addFond() 按钮时，我期望状态发生变化并重新渲染整个组件。 我有一个 console.log 在组件的顶层打印状态，但单击时不会打印任何内容。 请注意，此 Table 组件嵌入到更高阶的标签中。 状态改变不会触发重新渲染 实际上没有任何状态变化。不会触发重新渲染，因为状态的前一个值与新值完全相同，因为您正在改变它。 userDefaults.assuranceVie ??= {} -> 状态突变。 您应该基于setState的回调函数来确保您引用的是当前状态，并且您应该返回一个新对象以避免突变。 const addFond = () => { setDefaults((prev) => ({ ...prev, assuranceVie: { ...(prev.assuranceVie || {}), // in case if not exists tableFondsVI: [{ ...formikValues, id: uuidv4() }], } }); }

获取未捕获（承诺中）类型错误：使用 Yup.string.test() 进行验证时无法读取未定义的属性。使用 Formik 和是的

我正在尝试在 useFormik && Yup 验证中实现第三方验证，但我收到了 Uncaught (in Promise) TypeError: Cannot readproperties of undefined (reading 'isVal...

是的条件验证

我有一个电子邮件字段，仅在选中复选框（布尔值为 true）时才会显示。当表单提交时，如果选中复选框，我只需要此字段（布尔值是

React formik 表单渲染速度慢的问题

我正在使用react formik，该表单有超过30个输入字段，当输入时字段渲染速度很慢，打印速度较慢，并且更轻松，任何提高字段速度的想法都会稍微慢一些。请检查代码并博...

如何在reactjs中保留表单向导选中的下拉列表值？

我有这个多级表单向导。当我单击下一步按钮并返回到上一阶段时，所选的下拉列表值已被重置。 （子类别） 子类别字段数据

formikvalidationSchema 不适用于 mui DatePicker

我想为 mui datepicker 添加验证。 在validationSchema中没有必需的方法它工作正常 但我希望这个日期选择器是必填字段 这是我的代码 const formik = useFormik({ ...

SetValues Formik 函数禁用 Formik HandleSubmit

我有一个表单可以通过几种不同的方式处理提交。差异由值形式的标志管理，可以是 true 或 false。 我遇到了这个非常奇怪的事情......

NextJs API 端点返回不带“消息”或“正文”的响应对象

我有一个 NextJs 应用程序，其中 用户可以填写一些输入字段并提交表单（Formik Form）。 表单提交由 API 路由处理以进行一些计算（我可以在客户端上执行此操作...

是的，使用正则表达式使用 formik 进行表单验证，在孟加拉字体输入字段中无法按预期工作

我在注册模型中编写了正则表达式代码，但是当我使用孟加拉字体在formik表单字段中输入时，正则表达式表达无法验证孟加拉unicode值。 从“是的”导入*作为是的； 常量

当我在数字键盘上输入小数点时，输入字段值消失

我使用 Formik 的数字输入字段 其编码如下： { formikProps.

在 Formik 中提交嵌套表单

我的问题是：在formik中，给定两个嵌套表单，我可以使用最外部的按钮调用这两个表单的onSubmit吗？ 例如，我有一个结构如下的程序： 组件_A...

TypeError：React.createContext 不是一个函数（Nextjs 13 和 Formik 与 Typescript）

我现在尝试使用 Formik 在 NextJs 13 (Typescript) 上创建一个表单。我创建的表单不起作用，然后我尝试添加来自 Formik 的示例代码片段，如下所示。两个

使用 YUP 验证文件存在

我正在使用 Yup 来验证我的表单。在我的一张表单中，我想验证一个 是否有一个文件。 我已经测试过这个（但它不起作用）： 是的.object().shape({ 文件：是的。