我正在构建一个使用 Formik 的 React Native 应用程序。 当我提交表单时,我调用handleSubmit 我在return表格之前定义了它: 我在这里硬编码了一些值以进行测试。 我的usePostRequest是我编写的自定义挂钩,用于实际将数据发送到我的 API。 当我提交我的表 ...
我正在构建一个使用 Formik 的 React Native 应用程序。 当我提交表单时,我调用handleSubmit 我在return表格之前定义了它: 我在这里硬编码了一些值以进行测试。 我的usePostRequest是我编写的自定义挂钩,用于实际将数据发送到我的 API。 当我提交我的表 ...
我想使用 Formik 表单编辑 MySQL 数据库中存在的数据记录。 我计划的整体架构是一个组件将从 MySQL 数据库中提取数据,并将该数据作为数组属性传递给包含 Formik 表单的子组件。 然后我的目标是解构这些道具以填充一个名为 initialvalues 的 const 变量,Formi ...
我有一个具有字段道具的组件,这个每个道具 map 在 Formik 中呈现。 但是反应会抛出错误。 反应抛出这样的错误: 警告:列表中的每个孩子都应该有一个独特的“关键”道具。 检查FieldArrayInner的渲染方法。 有关详细信息,请参阅https://reactjs.org/link/wa ...
如果达到所需的照片数量,我无法验证上传字段。 这是表格:表格我设法验证了其他字段,但没有验证这个字段。 这是我的架构: 福尔米克: 查看表单日志我想验证用户是否在现场至少上传了 3 张照片。 ...
给定以下具有嵌套 Formik FieldArray 的 Yup 验证设置: 我需要计算在childrenLevel字段数组中发现的总 formik 错误。 例如,假设用户为 FieldArray childrenLevel按了两次“添加孩子”按钮,并且没有为这两条记录输入任何关于 Child Na ...
提交数据后,我正在使用formik.resetForm()从表单中的文本字段中删除值。 我知道还有很多其他类似的问题,但我的不同,我知道底层 Formik 资源的值、错误、触摸已被清除,但值仍然存在于文本框中。 问题是我知道底层的 Formik 对象已被清除,因为在我提交后,验证会触发并提示我,就像 ...
我试图在按下按钮后动态删除输入字段,并从 Formik 中删除键及其值。 我正在使用 useFormik 钩子来实现。 问题是当我按下按钮删除输入字段时,它被删除但键和值保留在 useFormik 中。 当我再次按下按钮时,另一个输入字段被删除,并且先前的键和值从 useFormik 中删除。 从 ...
我在formik表单中使用react-data.table-component来更新新值。 但问题是每当重新呈现MyTable组件时,都会调用selectableRowSelected()回调,这会触发onSelectedRowsChange事件,在该事件中我使用helpers.setValue() ...
这是我的父组件 这是子组件 这是我的 output 我的结果屏幕现在我想在一个父组件中得到一个错误 object,该组件用于显示需要验证的红色区域,就像如果用户只输入基本信息并尝试提交表单那么其余部分变为红色,因为用户离开其余部分中的字段为空。 任何人都知道如何解决这个问题? 我期待对我的项目有帮 ...
这是我第一次使用 Formik,我正在尝试使用它来验证用户注册表。 这是我的代码: 当我单击我的提交按钮并调用 handleSubmit 时,没有任何反应,我也没有看到hello或values被打印到控制台。 但是,当我从useFormik中删除validationSchema时,我可以获得输出。 ...
你好,我正在做一个反应项目,目前正在处理身份验证过程,我正在使用 material ui 和 formik 来验证和处理输入更改,但这里的问题是,我的 TextField 中的 onchange formik 处理程序如果不工作,为什么? 我该如何解决这个问题。 我使用两个 formik 实例登录 ...
我有一段代码,其中 Formik 在带有 #Typescript 和 Yup 验证的#React 应用程序中使用。 我面临的问题是,在 Select 元素中设置值时,它根本不会更改值,或者它可能会立即将值重置为 Formik 初始值 object 中给出的初始值。我应该怎么做? (这里没有可用的代 ...
我有一个问题,如果有多个字段,我的 formik 的性能会非常慢,它在 4 个字段时工作相对较慢,但它是可以接受的,但因为我们有 12 个,它工作肯定太慢了。 标记复选框大约需要 3-4 秒。 问题是每次点击似乎都会重新呈现所有字段。 我试图找到修复它的方法,其中一个选项是使用 FastField, ...
我在 formik 中使用console.log()从客户端获取数据的任何地方,它在任何时候都不会在控制台中显示任何内容。 这是我的表单架构 这是调用表单组件的地方 和处理提交按钮是分开的 聚苯乙烯同样的代码在 windows 中运行良好,并在控制台中显示错误。 但在 mac 中,它在控制台中没有显 ...
我正在尝试制作一个动态表单,如果用户想在他们的页面中添加一个额外的部分。 例如,如果他们想添加一个“我们的团队”部分,我正在尝试渲染一组嵌套对象,但我有点困惑,因为每个团队成员也可以有图像。 当我尝试使用 Postman 时,我的后端工作正常。我使用的是 multer,Schema 如下所示: 问题 ...
我的完整代码https://codesandbox.io/s/testproducr02-bg7exz?file=/index.tsx useEffec在formik之外,但我不知道如何获取value 这是在我的formik里面 我想在不按onSubmit的情况下calculate它 ...
我正在尝试使用 JSON 数据预填充 Formik。 数据显示正常并返回。 我有两个问题。 我使用 ASP.NET Core 作为后端。 我应该使用 values 还是 initialValues 作为变量? 当我使用 initialValues 时,我得到分配字段。 标签仍然填充。 在我发送默认 ...
我正在尝试从后端而不是整个数据库获取特定 id 相关数据,然后比较 id。 我正在使用 state 参数传递 id。 我是新手,所以尽可能简单地解释会很有帮助。 这是我获取数据的服务 ...
我是 React 新手,任何人都可以向我解释如何在 React 中从后端数据操纵或重新填充我现有的表单。 我正在尝试编辑我想更改其值的库存中的现有项目。 我正在使用带有反应和 formik 网格的 formik。 对于我正在使用 AXIOS 的数据。我想做的是从我的数据库中编辑一个特定的条目,它已经 ...
我想在具有合适的 initialValues 和模式的单个组件中处理三种表单,因为我使用 formik 和 yup 进行表单处理和验证。 (做这样的练习可以吗?) 我试图在单个组件中处理三个不同的 forms,所以基本上有 3 个 forms 作为登录、注册和预订表。 我为所有这些以及模式创建了不 ...