我正在使用Formik、Yup和Material-UI构建一个多步骤表单。我在一个父窗体中维护formik状态，并使用useState在不同的状态中维护页码，它指示要呈现哪个子组件。我将formik作为道具和下一页/上一页函数传递。 我希望仅当特定页面中的输入有效时才允许移到子组件中的下一个页面。在阅读文档时，我没有找到任何直接的解决方案，因此在PageOne组件中创建了以下解决方案。 相
浏览 59提问于2020-06-13得票数 1
2回答
我试图将表单验证与自定义挂钩分开。钩子返回yup伪造模式，但它需要formik包中的函数来构建该模式。如何在组件根目录中获得对formik的引用，并将其传递给自定义钩子？... ); </Formik>}
这种获取引用的方法不起作用ref实际上接收正确
浏览 35提问于2022-09-05得票数 0
回答已采纳
目前，我有不同formik形式的父组件和子组件Dialog，其简要结构如下 <Formik initialValues={...} onSubmit={...}> <Button onClick={()=>{setDialogOpen(true)}}/></Fo
浏览 21提问于2020-08-13得票数 0
回答已采纳
我知道你可以在onSubmit中使用Formik中的resetForm来重置表单。然而，有没有一种方法可以通过为它分配一个ref并以某种方式调用它的rest form方法来以编程方式重置它？
浏览 25提问于2021-02-21得票数 3
回答已采纳
我创建了一个由几个组件组成的react formik表单。我需要将useFormik对象传递给表单的组件。formik的正确类型是什么？父窗体 const formik = useFormik({ ...子组件 interface IAddressBoxProps { formik: any
const AddressBox: React.FC
浏览 35提问于2020-10-10得票数 2
1回答
使用带有类型记录的Reactjs这样做的原因是减少不必要的行和增加重用。我现在的代码const formik = useFormik({ validationSchema, helperText={formik.t
浏览 12提问于2021-12-15得票数 1
回答已采纳
我正在为我的react项目使用formik库。我需要禁用提交按钮最初时，必填字段为空或有任何错误。我使用下面的代码检查了表单状态。const formik = useFormik(false);
initialValues={!location.state ?values, errors,
resetForm,
浏览 23提问于2021-03-30得票数 1
回答已采纳
> state.currentLang props.languageString};
在表单中，我使用formik进行验证。使用语言提供一个错误:无效钩子调用。钩子只能在函数组件的主体内调用。Language调用是从validationSchema调用的，是一个功能组件调用堆栈，错误是useSelector从Language调用validationSch
浏览 8提问于2022-01-06得票数 0
回答已采纳
下面是我使用React的formik表单验证代码。默认情况下，在加载表单时，我希望禁用submit按钮：import * as Yup from "yup";
initialValues: {
firstName: "&q
浏览 6提问于2019-12-22得票数 51
回答已采纳
我是一个初学者，试图用Yup验证在reactjs中创建一个表单。我正在尝试一个非常简单的表单，它有firstName，lastName。在验证lastName字段时，我尝试只显示firstName字段。使用useFormik钩子 initialValues: { }),
浏览 9提问于2022-04-13得票数 1
1回答
我已经将一些解析的CSV数据呈现到了React中的页面上，我想添加一个表单，在提交时将输入推送到页面的末尾。我成功地获得了一个表单，该表单返回输入为JSON的警报，但到目前为止还未能将其推送到数组的末尾。import { Formik } from 'formik'
浏览 7提问于2022-04-26得票数 0
回答已采纳
3回答
我在我的React Native应用程序中使用Formik。在登录表单上，我有两个字段:电子邮件和密码，这两个字段都是必填项。我写了这样的验证规则： email: Yup.string() .max(12, 'The password is too long')
.requir
浏览 1提问于2019-06-25得票数 44
回答已采纳
这个过程是:填写表单>验证和提交表单>打开返回深度链接的URL >捕捉深度链接>使用表单值注册用户和使用深链接参数注册用户 initia
浏览 3提问于2020-07-08得票数 0
回答已采纳
我第一次尝试使用formik来处理表单，我很难找出正确的方法。代码的结构是我有两个文件，一个包含实际的输入字段，另一个文件，我想要初始化状态的初始值，所有处理和API调用都将在其中发生。实际输入表单代码：<div style={inputFieldContainer}> <
浏览 2提问于2020-04-14得票数 0
这里是RegisterScreen，我想在提交之前更改formik值。下面是Formik组件。注意，我想更改RegisterScreen中的值(上面的代码)。, validationSchema, children }) { <View style={styles.container}> >
{
浏览 12提问于2022-05-05得票数 0
我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。<Button onPress={handleSubmit} style={styles.button}> </Button>当验证在尝试提交后失败时调用的生命周期事件(例如：onValidationError)，在该事件中，我可以访问所有输
浏览 21提问于2019-12-27得票数 8
回答已采纳
1回答
我使用Formik和Yup，当我预填充域/form时，Yup会验证这些域，就像它们没有填充一样。我有基本的CRUD类型布局，其中更新数据需要预先填充表单。这些预先填充的字段不应该通过错误进行验证。验证方案： const validationSchema = Yup.object({ .string()
.required('First Name is required.required(
浏览 28提问于2021-04-04得票数 0
Yup验证不起作用--我也尝试过这样的import Yup from 'yup'，但仍然不能工作.，当我创建一个简单的验证函数而没有YUP时，它工作得很好。但是当我使用YUP的时候，验证不起作用。添加了表单组件import { useFormik } from 'formik';
import * as
浏览 4提问于2020-11-06得票数 2
回答已采纳
reactjs中的新手，试图用formik构建一个简单的表单，用Yup库进行验证，.just遇到了一个问题，如何在formik中提交axios请求以及下面代码中的验证。/utils/config';import * as Yup from 'yup';
export
浏览 4提问于2022-01-02得票数 0
3回答
在模块对话框中，我想更改输入值(#quaggaIsbn)的值。我尝试了document.getElementById("quaggaIsbn").value = result.codeResult.code，但它没有反映到表单发送到服务器的值。如何更改Formik发送到服务器的值？ ? NewProjectDialog.js import React from 'react';
import PropTypes from 'prop-types&#x
浏览 72提问于2020-04-19得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
