问题标签 [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.

2257 问题

0 投票

3 回答

19151 浏览

javascript - 如何将简单的 Formik 表单与 Redux 存储连接并调度操作？

我是 react/redux 的新手，但可以为我的应用实现一些简单的 addProduct 表单。今天我尝试用这个Basic demo中的 Formik替换它，但我不明白我应该在哪里放置“调度”功能（我到处都试过了）。

可能是我以错误的方式使用连接吗？

我的新组件与Demo中的完全一样，只是我用 productName （和其他附加字段）替换了 email。但我不明白如何将“值”从 Formik 传递到 Redux 商店。

我的旧表单组件，没有 Formik，看起来像这样：

我使用 formik 的新组件如下所示：

ps 如果有人在这里有声望添加标签“formik”，请这样做。

2017-11-21T18:38:33.970

0 投票

1 回答

2687 浏览

reactjs - 如何保留在代码中设置的表单值的值

我有一个基于反应的网站，它本质上是一个用户验证前端。我们的表格之一是注册表单，我们正在尝试在其上添加 CAPTCHA 功能。现在的问题是我们必须使用我们无法更改的内部 CAPCHA 例程（当然，如果没有大量繁文缛节和数周的延迟）。

所以我有一个场景，我有一个表单（我们使用 Formik），并且在表单中我必须嵌入一个隐藏的文本框和一个 div，我们的 CAPTCHA 系统的 JS 使用购买覆盖 div 并在隐藏的地方放置一些值然后用于稍后在流程中调用 API 的框。CAPTCHA JS 也将自己放入表单的 onSubmit 中。

无论如何，我的问题是隐藏字段是由 JS 例程设置的，因此反应的绑定机制没有涵盖。因此，如果我更改其中一个普通字段或提交表单，那么隐藏文本框的值将设置为“”——大概是因为它的值被设置回表单认为它应该是的值——我该如何避免这种情况？提交表单时，我需要访问普通字段和此隐藏字段。

一些示例代码可能会使它更清晰：

reactjs react-native formik

2018-03-15T17:37:08.440

0 投票

7 回答

119948 浏览

javascript - 是的，条件验证

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

这是我迄今为止尝试过的：

我尝试了其他几种变体，但我从 Formik 和 Yup 得到错误：

Uncaught (in promise) TypeError: Cannot read property 'length' of undefined at yupToFormErrors (formik.es6.js:6198) at formik.es6.js:5933 at <anonymous> yupToFormErrors @ formik.es6.js:6198

我也收到了来自 Yup 的验证错误。我究竟做错了什么？

javascript reactjs yup formik

2018-03-20T21:27:32.880

0 投票

1 回答

2820 浏览