问题标签 [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.
javascript - 是的/formik 号码验证
我有一个 id="rate" 的输入,并以下列方式设置验证:
如果我在该rate
字段中填写任何内容,验证将通过,包括字符串。
验证失败的唯一一次是我将该字段完全留空 - 我的Rate X
意思是它没有通过“超过 0”规则。
如果我没有提供足够的信息,请告诉我,但老实说,我不知道是否有任何相关的信息被我遗漏了。
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 来说仍然是新手)感谢所有帮助,下面是完整的源代码&这里是代码和框的链接
reactjs - 将 Formik 与 React 一起使用时丢弃更改
我在Formik
React 中使用表单。每当用户提交(handleSubmit)时,我都会选择是否放弃更改或保留更改。
在我的渲染中,
处理提交()
keepChanges() 和 discardChanges()
使用keepChanges()
给定字段成功更新数据,但discardChanges
只是关闭对话框但不会将数据重置为原始值,即使我尝试调用componentWillMount()
which 获取并呈现数据库中的原始未更改数据。
当我选择放弃更改时,如何重置字段?
编辑
//当我执行 React.createRef(); 时出现错误
编辑2
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
谢谢!
reactjs - Formik 场阵列
如何在我的子组件 ProjectsTable 中访问 Formik FieldArray arrayHelpers?
semantic-ui-react - 使用 Yup 进行语义 ui-react 表单验证
我阅读了这个解决方案,但这并没有真正回答这个问题。我正在使用 formik 和语义 UI 反应。是否可以将 Yup 与语义 UI 反应一起使用?如果是的话,有人可以提供一个例子吗?
reactjs - React Formik 根据另一个字段更新一个字段
我正在使用formik react 库并尝试根据另一个字段的onChange
事件更新一个字段。例如,我有一个名为email
的字段onChange={onEmailChange.bind(this, setFieldValue)}
。
更改电子邮件时调用以下函数:
domain
这里的想法是使用电子邮件中的域名更新该字段。但无论如何,这里的问题是 usingsetFieldValue
似乎阻止了email
调用 的字段onChange
更新。
有什么建议如何处理吗?
javascript - 如何创建 React formik 表单的 Jest 快照
假设我有一个组件,它是父 formik 表单的一部分,如下所示:
如何为此 GeneralTab 组件创建 Jest 快照?
javascript - 如何更新这个 Reactjs 选择
我使用了这个包装类,因为我使用的是 Formik 和 FieldArray
但是我发现,当状态被选中时,该值不会存储在 Formik 中(它存储为未定义,有时为真)。
所以现在我在想也许将 State Zip 移出并使其成为自己的包装器或其他东西,但我不知道如何获取返回的“状态”并填充正确的状态框,因为它们可以生成很多。
javascript - 使用 Formik 构建向导时不能在子组件中使用道具
我正在尝试构建一个表单向导。我通过设置向导react-router
并用于formik
表单。现在我在创建可自定义的单选按钮时遇到了问题。我react-custom-radio
为此使用了图书馆。
当我在路线之外使用单选按钮时,它可以正常工作(帖子底部的代码)。
当我与路由器一起使用时,道具会传递给子组件:
在子组件内部,我以相同的方式访问道具,就像在父组件中所做的那样,它在那里工作。
但现在我总是得到错误Cannot read property 'car' of undefined
。如果中间有路由器,为什么它不起作用?
如果我这样做,它会起作用: