formik 相关问题

React的表单库

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

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

javascript reactjs formik

回答 2 投票 0

react 中可重用的自定义组件

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

javascript reactjs formik custom-component

回答 1 投票 0

动态添加字段到 Formik 表单

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

javascript reactjs formik

回答 2 投票 0

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

我设置了一个 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() }], } }); }

reactjs react-hooks material-ui formik formik-material-ui

回答 1 投票 0

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

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

formik yup

回答 2 投票 0

是的条件验证

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

javascript reactjs yup formik

回答 11 投票 0

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

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