问题标签 [formik]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
208 浏览

javascript - formik 中的 React-select 数组

我有一个具有反应选择的字段数组。所以如果我在一个索引中选择一个选项,然后在下一个索引中选择,该选项应该不可见。我怎样才能实现这个功能?我正在调用以下函数OnBlur。如果我删除选定的选项,它也会影响当前的选择。那么如何在下一组字段中隐藏该选项

0 投票
2 回答
5997 浏览

javascript - 使用 laravel 后端 React Formik 文件上传

我在 React 中使用 Formik 作为我的表单。一切都很好,但对于文件输入。

用户必须能够上传简历。Formik 中的 {values.cv} 确实表明输入中有一个值。但是,当我将它发送到我的 Laravel 后端时,我得到一个空数组。

我希望能够将文件存储在我的数据库中。任何帮助,将不胜感激。

Formik 文件输入:

cv 输入默认值为:''

这是 {values.cv} 中的内容 这是它的 console.log

在我的 Laravel 后端,我返回 $request 并且 React 正在记录它。这就是我当时看到的。

简历 : []

这是我的控制台的图片

0 投票
13 回答
103003 浏览

javascript - 使用 Yup 进行验证以检查字符串或数字长度

是否有验证特定长度的 yup 函数?

我试过.min(5)and .max(5),但我想要确保数字正好是 5 个字符(即邮政编码)的东西。

0 投票
1 回答
4417 浏览

forms - react formik - 在http请求后用数据填充表单输入

我用formik创建了表格。我想用表格编辑记录。我想从数据库中获取数据并用它们填写表格。然而没有成功。

这是我的代码。

输入 firstName 永远不会被加载的数据填充。我该如何解决这个问题?

0 投票
0 回答
1460 浏览

reactjs - 使用 React 和 Formik 将值传递给高阶组件

我目前正在使用 react 和 formik 在我的页面上制作表单,但遇到了问题。我目前有一个名为的状态变量inputValue,我想将其用作用户输入表单时的持有者。我遇到的问题是将其纳入handleSubmit内部withFormik

这样做的原因是我想在某些情况下操作数据。我知道我可以values从 Formik 使用,但我不知道如何操作它。有没有办法inputValue进入 HoC 是可能的withFormik还是不可能的?

0 投票
3 回答
2545 浏览

javascript - Formik 元素类型无效

福米克

我是formik的新手,每次开始学习时都会开始使用它,我遇到了这个问题

未捕获的错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。

我无法找到错误,因为这是我的代码 // 这里是 Login.js 文件

我将此文件导入到 index.js 中,并在其中将其连接到 redux 商店。index.js 和 login.js 在同一个文件夹中

这是 Index.js

这是从 index.js 文件导入到 Routes 文件中

我不知道为什么这是我尝试使用Formik和Formik组件但没有任何工作的错误我也尝试使用控制台日志在Login组件中查看道具,但它也没有记录道具意味着没有日志。

0 投票
0 回答
2741 浏览

reactjs - Formik FieldArray - 动态生成名称

我正在制作“主要照顾者”信息表,并且有一个按钮可以动态添加“紧急联系人”。

使用<FieldArray name="emergencyContacts" />, 有没有办法自动name<Field />组件添加父组件name和子组件的前缀index,以便 Formik 知道在哪里更新它values


这是我的简化代码:

0 投票
2 回答
28344 浏览

javascript - How to receive select value in handlesubmit function with formik react js?

i am developing a form in reactjs using formik plugin plugin link. when i submit form i am getting text fields values but dropdown values are coming empty...

this is my dropdown select

handle submit function

i am getting all text fields values in handle submit function but i am not able to get dropdown selected value....kindly tell me how to get dropdown select value in handle submit function ?

0 投票
2 回答
8454 浏览

javascript - 从 React 中的 material-ui 按钮获取值

我有这个功能

在我的组件渲染中,我有

所以,我想要做的是,当我单击Doctorate按钮时,它应该this.props.setFieldValue是我表单degreeLevel中的字段之一。Formik当我单击按钮时,警报会告诉我undefined,这意味着它没有读取 value Doctorate

如何e.target.value读取按钮的值?

0 投票
3 回答
23504 浏览

javascript - Formik 中的 getFieldValue 或类似内容

有没有办法在formik的点击处理程序中获取字段的值?

你可以setFieldValue在那里使用,所以我假设(但在任何地方都找不到)Formik 应该有类似的东西来检索值:

在 Formik 中执行此操作的正确方法是什么?