问题标签 [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 投票
0 回答
4844 浏览

javascript - 是的/formik 号码验证

我有一个 id="rate" 的输入,并以下列方式设置验证:

如果我在该rate字段中填写任何内容,验证将通过,包括字符串。

验证失败的唯一一次是我将该字段完全留空 - 我的Rate X意思是它没有通过“超过 0”规则。

如果我没有提供足够的信息,请告诉我,但老实说,我不知道是否有任何相关的信息被我遗漏了。

0 投票
2 回答
3034 浏览

reactjs - formik表单验证不起作用reactjs

遵循本教程https://www.youtube.com/watch?v=yNiJkjEwmpw&t=1578s关于 formik 表单验证并在实施验证时遇到问题

validationSchema: Yup.object().shape({ email: Yup.string().email().required(), password: Yup.string().min(6).required() }),

我在本地环境中没有收到任何错误消息,但在我的代码框上我收到以下错误
TypeError Cannot read property 'object' of undefined

这很简单,但我的知识不足以调试(对 react 和 formik 来说仍然是新手)感谢所有帮助,下面是完整的源代码&这里是代码和框的链接

https://codesandbox.io/s/kw4x2k62rv

0 投票
2 回答
14481 浏览

reactjs - 将 Formik 与 React 一起使用时丢弃更改

我在FormikReact 中使用表单。每当用户提交(handleSubmit)时,我都会选择是否放弃更改或保留更改。

在我的渲染中,

处理提交()

keepChanges() 和 discardChanges()

使用keepChanges()给定字段成功更新数据,但discardChanges只是关闭对话框但不会将数据重置为原始值,即使我尝试调用componentWillMount()which 获取并呈现数据库中的原始未更改数据。

当我选择放弃更改时,如何重置字段?

编辑

//当我执行 React.createRef(); 时出现错误

编辑2

0 投票
4 回答
14179 浏览

reactjs - Formik 和 Yup:TypeError:无法读取未定义的属性“对象”

我是 React 的新手,并且正在尝试使用 yup 进行验证。我目前收到以下错误:

TypeError:无法读取未定义的属性“对象”

使用此代码:

我正在使用所有最新版本的 formik、react 和 yup。版本是

“是的”:“^0.25.1”“formik”:“^0.11.11”,“react”:“^16.4.0”,“react-dom”:“^16.4.0”,

有人可以帮我解决这个问题吗?

它在这里复制 https://codesandbox.io/s/lrowpj8pq7

谢谢!

0 投票
1 回答
1093 浏览

reactjs - Formik 场阵列

如何在我的子组件 ProjectsTable 中访问 Formik FieldArray arrayHelpers?

0 投票
1 回答
1550 浏览

semantic-ui-react - 使用 Yup 进行语义 ui-react 表单验证

我阅读了这个解决方案,但这并没有真正回答这个问题。我正在使用 formik 和语义 UI 反应。是否可以将 Yup 与语义 UI 反应一起使用?如果是的话,有人可以提供一个例子吗?

0 投票
2 回答
5874 浏览

reactjs - React Formik 根据另一个字段更新一个字段

我正在使用formik react 库并尝试根据另一个字段的onChange事件更新一个字段。例如,我有一个名为email的字段onChange={onEmailChange.bind(this, setFieldValue)}

更改电子邮件时调用以下函数:

domain这里的想法是使用电子邮件中的域名更新该字段。但无论如何,这里的问题是 usingsetFieldValue似乎阻止了email调用 的字段onChange更新。

有什么建议如何处理吗?

0 投票
0 回答
346 浏览

javascript - 如何创建 React formik 表单的 Jest 快照

假设我有一个组件,它是父 formik 表单的一部分,如下所示:

父窗体是:

如何为此 GeneralTab 组件创建 Jest 快照?

0 投票
1 回答
320 浏览

javascript - 如何更新这个 Reactjs 选择

我使用了这个包装类,因为我使用的是 Formik 和 FieldArray

但是我发现,当状态被选中时,该值不会存储在 Formik 中(它存储为未定义,有时为真)。

所以现在我在想也许将 State Zip 移出并使其成为自己的包装器或其他东西,但我不知道如何获取返回的“状态”并填充正确的状态框,因为它们可以生成很多。

0 投票
2 回答
4550 浏览

javascript - 使用 Formik 构建向导时不能在子组件中使用道具

我正在尝试构建一个表单向导。我通过设置向导react-router并用于formik表单。现在我在创建可自定义的单选按钮时遇到了问题。我react-custom-radio为此使用了图书馆。

当我在路线之外使用单选按钮时,它可以正常工作(帖子底部的代码)。

当我与路由器一起使用时,道具会传递给子组件:

在子组件内部,我以相同的方式访问道具,就像在父组件中所做的那样,它在那里工作。

但现在我总是得到错误Cannot read property 'car' of undefined。如果中间有路由器,为什么它不起作用?

如果我这样做,它会起作用: