我正在尝试开发一个表单，使用Formik，Material，和React电话号码输入库(用于电话号码格式)。我遇到了一个问题。输入电话号码时，已按预定格式格式化电话号码，但该号码不会插入Formik状态。因此，电话号码值对于Formik是不可见的，因此，当输入一些值时，Formik无法删除错误标记"Required“。猜到了，我在一起用不对的方式使用了react电话号码输入库和Formik。如何使用它们对吗
浏览 4提问于2022-05-03得票数 0
我正在使用Formik并尝试使用这个包，但是Formik看不到输入的值，因此不会验证或提交表单。这是我正在使用的PhonInputField组件... onChange={field<
浏览 9提问于2019-11-22得票数 2
回答已采纳
1回答
我正在尝试将Formik与Mui集成，以便有一个按钮组件，如下所示：import { Button } from "@mui/material";};
};
这是我使用上面的代码片段，但我想知道如何在这两种情
浏览 2提问于2022-04-19得票数 0
我正在尝试将表单转换为使用Material-ui TextField。我如何让我的YUP验证与此一起工作？下面是我的代码：import { useState } from 'react';import * as Yup from
浏览 6提问于2019-07-12得票数 3
1回答
我正在研究基于NextJS代码的React。import { Field, Form, Formik }
浏览 4提问于2022-02-24得票数 2
回答已采纳
2回答
我使用Formik作为库来处理我的表单值。我正在尝试使用一个自定义组件作为Field，我的父组件如下所示： <Formik
onSubmit={(values) => {> 我的自定义组件是类组件，而不是函数组件。文档(https://jaredpalmer.com/f
浏览 22提问于2019-05-04得票数 1
我有一个带有Formik的父组件 组件父组件 <Formik render={({ props }) =And the
//validationSchema from Formik parent doesn’t work with this field，除非我使用
浏览 14提问于2019-03-15得票数 0
我知道如何使用常规的表单输入/选择/等，但是我已经从使用这些输入转换到Formik，上面的工作方式不一样。<Formik example: '' validate={(values) => { onSubmit={this.handleSubmit} ret
浏览 0提问于2019-07-19得票数 5
回答已采纳
我试图使用的材料UI单选按钮与Formik，他们没有正确地点击。我将问题简化为以下示例：
如果有人知道我可能做错了什么，或者在这两个系统中都有错误，那么请告诉我。当单击上述示例中的按钮时，它们不会保持单击状态。我有一个使用其他库组件的更复杂的，所以我不能在这里包含它。它的行为有点不同:即使在单击另一个按钮之后，按钮也会保持单击状态。这可能是也可能不是同样的问题。提前谢谢。
浏览 5提问于2019-10-18得票数 7
回答已采纳
1回答
我们有自己的输入组件(比如Checkbox、Textbox，甚至CurrencyInput组件) <div className={myClass1}>
<Field type='checkbox' name={props.name} className={myClass2>{props.
浏览 1提问于2019-03-28得票数 5
回答已采纳
似乎找不到第一种方法有效和第二种方法不起作用的原因。这两个之间的区别是，第二个中有<TextField>，而不是<div>和<Field>。但是我所看到的示例使<TextField>工作得很好，我遗漏了什么？
浏览 4提问于2019-06-12得票数 0
我有一个Formik Field，我想和React NumberFormat npm包一起使用。这是我在Formik中的FormGroup： //...Other code initialValues={this.state.diamondPurchaseGstDetailscomponent={ParseNumber}
浏览 19提问于2020-11-26得票数 0
回答已采纳
我以前从未使用过Formik，但是在网络上听到积极的东西，听起来这与我通常尝试做的滚动own...which相比是一个很好的解决方案。Formik的文档有一些属性的一个简单的实例，如initialValues和validationSchema。然而，我需要使这个可重用，因为我有两个版本的应用程序。所以我想作为道具在字段中传递，然后以状态的形式创建initialVa
浏览 0提问于2019-03-24得票数 1
就像标题上说的。我有一个基于react-bootstrap-typeahead的无状态组件和一个基于文档中的的表单向导。 </Wizard.Page> );
export default FormElements
浏览 0提问于2019-02-02得票数 12
回答已采纳
1回答
我有一个Formik表单，我试图在其中呈现一个Formik字段。但是，该字段是一个货币域，并且触发了onBlur。我想要清理字段格式。我正在尝试将Formik字段包装在一个TextField中。要做到这一点，在Form.js中我有： <Form> component={ MoneyField } variant='outlined'Button
type='
浏览 4提问于2019-06-11得票数 1
我有一个自定义的input组件： return <input {...field} />;在Formik的<Field />组件中使用：<Field name="subject" component={Input} />
以及<Formik &
浏览 18提问于2019-07-14得票数 2
1回答
在下面的StackBlitz中，我有一个非常简单的表单验证。验证是在用户单击submit按钮时完成的。import { ErrorMessage, Field, Form, Formik } from 'formik';import * as Yup>};
我需要的是：从第一个按键触发验证(请注意，当组件被挂载时，我对验证它不感兴趣，只是在
浏览 11提问于2022-03-20得票数 1
6回答
使用Formik表单的数据报警器
、、、、
我试着用一种Formik格式的react datepicker。react-datepicker.css";
state = { />
对于这两个选项，表单呈现，我可以在日历上选择一个日期，但它不会出现在框<
浏览 0提问于2019-05-26得票数 45
如何在Formik中使用下拉选择器setValue？handleChange或setValueField不能正常工作。有什么建议吗？{ label: 'Apple', value: 'apple' }, ];
<Formik/>
<Button onPress={handleSu
浏览 3提问于2022-05-03得票数 1
云服务器
ICP备案
对象存储
即时通信 IM
云直播
腾讯云开发者
