formik相关内容

无法在react-select组件内维持formik状态值

我正在使用带有Formik的react-select(多值)以及Material-UI Stepper(向导)，并将这些值成功存储在Formik的initialStates值中，但是当我前进到下一个屏幕时，在我的条件下使用条件组件渲染步进，然后返回到我的反应选择组件所在的一个屏幕，即使这些值仍在Formik的initialStates值中，它也不再保存/显示我的反应选择组件中已经选择的值. ..
发布时间：2021-05-31 20:39:34 其他开发

获取嵌套对象键作为连接字符串

输入: {"mobile":"Mob#Required"，“客户": [不明确的，空值，{“用户组":“必填"}，{"id":“必填"，“用户组":“必填"}，{"id":“必填"，“用户组":“必填"}]} 预期输出: [“移动的"，"client.2.usergroup"，"client.3.id"，"client.3.usergroup"，"client.4.id"，"clien ..
发布时间：2021-05-09 18:54:45 前端开发

感动的财产没有被重置

我有一个Formik表单，用于接收用户输入&提交后运行查询. 当我单击搜索按钮时，将显示一个列表.所有列表项都有其自己的按钮.当我第一次单击绿色的添加按钮(从列表项中)时，该按钮不起作用.控制台日志的内容未打印.相反，将触发inputField的onBlur事件.但是，如果我再次单击+按钮，那么它将起作用并且不会打印.该问题在模拟器/电话中可见，而在沙盒上的Web模式中则不可见. exp ..
发布时间：2021-05-09 18:54:38 前端开发

如何防止用户对登录表单的多次单击提交按钮错误做出反应?

我将formik和react-router-dom用于我的React登录管理.但是，如果在短时间内多次单击“提交"按钮，则重定向到主页后，将出现以下错误:“警告:无法在已卸载的组件上执行React状态更新.这是无操作，但表明您的应用程序存在内存泄漏.要修复，取消componentWillUnmount方法中的所有订阅和异步任务.在SignInForm中(由Route创建)在路线中(在App.js: ..
发布时间：2021-05-09 18:54:32 其他开发

自定义变更处理程序，在Formik内部具有输入

我正在将使用 SUIR 制作的一些表单移植到 Formik 实现.我有一些需要自定义更改处理程序才能执行操作的输入组件.如何将我的变更处理程序传递给 onChange 道具，以便由formik跟踪值? 我已经尝试过类似的方法，但是没有运气. onChange = {e =>setFieldValue(dataSchemaName，e)} 在另一篇帖子中提到的 此处. 还提到了 ..
发布时间：2021-05-09 18:54:29 其他开发

在Formik中使用ErrorMessage组件显示setFieldErrors的值

请参阅下面的更新 我有一个使用Formik构建的与Firebase身份验证同步的登录表单组件.我已经进行了设置，以便可以使用 setFieldError 道具显示Firebase中的错误.这是代码的相关部分: export const LoginForm =()=>{异步函数authenticateUser(values，setFieldError){const {电子邮件，密码} =值 ..
发布时间：2021-05-09 18:54:26 其他开发

停止handleBlur做任何事情

在我的Formik表单中，当我单击搜索按钮时，将显示项目列表(UsersFoundList).此列表在表单之外，并且列表中的每个项目都有其自己的按钮. 当我第一次单击列表中的任何按钮时，它们将不起作用.相反，会触发我的表单的handleBlur ，并且由于输入字段为空，因此错误消息开始在输入字段下方显示.因此，该按钮没有执行第一次尝试时应执行的操作.我通过将控制台日志写入其中来测试了hand ..
发布时间：2021-05-09 18:54:20 前端开发

为什么在Formik中使用OnChange时不起作用?

我正在尝试在React中将Formik用于虚拟应用程序.如果我将值作为道具，则无法在任何一个输入框中键入任何内容.另一方面，如果我跳过价值道具，那么我可以在框中键入内容，但提交时不会反映在价值上. 这是代码: 导出默认类DashboardPage扩展了React.Component {使成为() {返回 ( ..
发布时间：2021-05-09 18:54:08 前端开发

如何动态访问嵌套错误/formik字段上涉及的内容

我试图创建一个React组件来抽象化为我的表单创建一个Input组.所有输入均具有相同的布局-一个标签，其下方为“输入"，如果出现错误/信息文本，则将其显示在“输入"下方. 以前，我是在处理自己的表单状态/处理程序.现在，我正在使用formik(通过Yup验证)进行试验，当我嵌套了信息时，动态访问 error 和 touched 字段时遇到了一个问题. 这是我的输入组组件: imp ..
发布时间：2021-05-09 18:54:05 前端开发

为什么不填充Formik的"touched"属性?

我正在使用React，Formik，react-bootstrap和yup进行表单验证.我正在尝试显示验证错误，但是 touched 属性未填充字段. const schema = yup.object({名称:yup.string().required()，电子邮件:是的.细绳().电子邮件().必需的()，});const ChildForm = props =>{const {child ..
发布时间：2021-05-09 18:54:02 其他开发

如何将简单的Formik表单与Redux存储连接并调度动作?

我是react/redux的新手，但是可以为我的应用程序实现一些简单的addProduct形式.今天，我尝试通过 我可能以错误的方式使用connect吗? 我的新组件与演示中的完全一样，只是我用productName(以及其他附加字段替换了电子邮件)).但是我不明白如何将“值"从Formik传递到Redux商店. 我没有Formik的旧表单组件看起来像这样: import从' ..
发布时间：2021-05-09 18:53:59 前端开发

从JSON创建动态Yup验证架构

我正在尝试在我的反应形式中使用 Yup 和 Formik .表单字段将是动态的，以便对其进行验证. export const formData = [{id:“名称"，标签:“全名"，占位符:“输入全名"，类型:“文本"，必填:是，值:“用户名"，值:[]，验证:[{类型:"minLength"，值:"5"，error_message:“名称至少应为5个字符长"}，{类型:"maxLength ..
发布时间：2021-05-09 18:53:56 前端开发

使用React进行Formik，Yup密码强度验证

我对React还是很陌生，我有一个注册页面，其中有一个可通过正则表达式验证的密码字段. 我正在使用Formik和Yup进行验证，但是遇到错误，当我在“密码"字段中键入内容时，长度函数被调用的属性未定义. 在yup中有一个名为"matches"的函数，我正在尝试使用该函数来检查正则表达式.那是我收到此错误的时间.我删除了此验证，然后将其他验证设置为密码字段即可正常工作. 下面是Si ..
发布时间：2021-05-09 18:53:53 前端开发

价值观Formik问题

关于此问题的GitHub讨论- https://github.com/jaredpalmer/formik/issues/529 我将formik值传递给在 的onChange中调用的函数，但是当我键入 时，最后一个字符不属于该函数. CodeSandbox -链接 屏幕截图: 解决方案 我对formik并不熟悉，我只是对实现进行了快速 ..
发布时间：2021-05-09 18:53:50 前端开发