我有一个登录表单，当用户/密码不正确时，我调用一个函数在组件中制作动画，但这个函数只在我将用户/密码传递给我的api时调用，它与数据库中的信息不匹配。我也想在表单无效时调用该函数(在转到我的api之前)。
我使用formik lib来验证我的表单，并显示了错误消息，但我不知道如何让它
浏览 4提问于2020-05-23得票数 0
=> state.currentLang props.languageString}; .string() });这是表单组件使用语言提供一个错误:无效钩子调用。钩子只能在函数组件的主体内调用。L
浏览 8提问于2022-01-06得票数 0
回答已采纳
1回答
我已经用Formik连接了一个表单，并且所有的验证工作都在进行，但是如果有问题，我会坚持保留表单值。
表单收集数据以向数据库添加记录。如果API响应有数据，则插入成功，我将显示成功警报。我的问题是，如果出现错误，如何保存表单字段的值？我想关闭危险警报，并且仍然填充表单字段，这样用户就不必重新启动。我不需要在成功的情况下做到这一点，因为用户输入的信息已进入数据库。我觉得这与表单本身或字段的状态有关，但我想不出如何保留这些值。我尝试过<e
浏览 5提问于2021-09-09得票数 1
回答已采纳
我有一个react原生的Formik表单和一个Yup validationSchema。当用户提交表单时，我想创建一个警告与错误字段，如果有字段是无效的。Dependencies:"react": "16.5.0",
"react-native": "0.57.1", 我曾尝试在Formik呈
浏览 17提问于2019-01-11得票数 5
回答已采纳
2回答
当用户更改call列表时，必须调用dropdown方法，调用handleChange()方法。 {formik.touched.country &&type="submit">Submit</button>
<
浏览 3提问于2022-03-07得票数 0
回答已采纳
我的formik表单包含一个自定义textfield组件。文本字段组件读取formik上下文并根据传递给它的字段值填充。当我调用setFieldValue()时，formik上下文中的值会发生变化，但是UI元素(TextField)不会更新。如果我导航到表单中的下一步，然后返回新值，则会反映新值。因此，当我调用setFieldValue()时，假设我的textfield组件没有重新进行重新命名。
当我调用setFie
浏览 4提问于2022-08-16得票数 0
1回答
Problem ->我正在尝试进行一个验证，以便在切换语言时更改Formik错误消息，但只有当我点击submit按钮调用"formik.onSubmit"或更新表单中的字段时，Formik才会自动更改错误消息，以便在我键入"formik.handleChange"时更新错误消息。因此，我的第二次尝试是在语言更改时强制单击submit按钮：
useEffect(() =&g
浏览 12提问于2020-05-20得票数 1
我有一个表单，我想禁用按钮：我有一个按钮看起来是这样的： Submit在我的onSubmit处理程序中
onSubmit是否有方法重置表单</em
浏览 2提问于2021-09-07得票数 0
我有一个带有Formik表单的有状态函数组件，它根据isSubmitting的值呈现不同的内容。const MyPage: FunctionComponent<Props> = ({propOne, propTwo}) => { ...( ) : (
<div>show this when not</
浏览 2提问于2020-04-28得票数 6
我有一个我的用户要求的表单，我让它看起来非常明显，这个表单是无效的。所以我计划弹出一个sweetalert对话框，让他们知道他们需要仔细检查表单。我想我可以像这样在验证中这样做，以便在提交尝试失败时向他们发出警报： const validate = values => { console.log(formik<
浏览 28提问于2020-11-11得票数 3
回答已采纳
1回答
钩子不起作用，钩子调用无效
、、、、
我正在努力使复古传奇与钩子在形式上正常工作，但我无法找到一个方法，使它的工作方式，我想。console告诉我，我只需要在我的函数body组件中执行钩子，这实际上是我所做的，但它不起作用。我试过的事情： dispatch(Events.updat
浏览 1提问于2020-01-08得票数 0
回答已采纳
我正在尝试使用Formik和Yup验证一个材料ui表单，但我得到了一个错误。 这是我从另一个文件导入的模式。formik.errors.email : ''}
error={formik.touched.email && Boolean(formik.errors.email条件，但我不知道如何做到这一点。我得到了它，因为我可以在道具中编写它，但不确定如何在useFormik(
浏览 29提问于2020-04-07得票数 1
回答已采纳
3回答
在UserDetail页面中，selectedUser使用useState获取并设置为Formik增强的表单。但它失败了“太多的重新呈现”错误。(formik.errors.email)} onChange={formik.handleChange}
浏览 22提问于2022-01-29得票数 0
回答已采纳
我最近开始在一个React项目中使用Redux-Saga，因为它对我来说是新的，我想了解它是如何工作的。我也开始使用Formik，因为它在React应用程序中管理表单的流行程度似乎已经超过了Redux-Form。例如，如果我有一个表单，它分派了saga用来执行异步请求的一些动作onSubmit，我看不到一种方法可以让我的表单了解该请求的状态，而不是将其存储在Redux状态中(这正是我们要避免的反模式)。我可以想象的一种替代方案是在表单
浏览 0提问于2019-03-19得票数 9
1回答
表单验证和结算
、、、
我正在编写一个应用程序，它要求用户从弹出对话框中输入表单中的信息。当该框关闭时，我希望窗体完全重置/清除，如果数据是有效的，则希望它添加到状态中并显示在表中。我已经完成了表单数据输入部分的工作，但我目前正在努力清除表单，并实现验证。特别是当表单关闭(取消按钮)时，它需要清除并重置，直到对话框再次打开。当按下submit按钮时，我需要运行某种表单验证，以检查每个值在添加到状态之前是否正确输入。我没有比我更高的
浏览 10提问于2019-10-28得票数 0
我正在尝试创建一个自定义的表单控件，在屏幕上创建一个列表选择器(没有模式或本地ios选择器)。自定义控件不包括任何TextInput o选取器控件。如何处理状态变化和更新表单状态？我用的是Formik。在formik中，我需要使用handleChange事件来更新表单值和验证数据，但我不知道如何调用它。?this.props.handleChange('paymentMethod', 0)}; &
浏览 26提问于2019-09-10得票数 0
1回答
我正在尝试为使用Formik构建的React本机组件编写一些测试。这是一个询问用户名和密码的简单表单，我想使用一个使用Yup构建的验证模式。当我使用模拟器并手动测试表单时，表单按照预期的方式运行，只有当输入值无效时才会显示错误消息。然而，当我尝试用@testing-library/react-native编写一些自动化测试时，这种行为并不是我所期望的。即使提供的值是有效的，错误消息也会在测试中显示。我认为当调用handleS
浏览 1提问于2021-01-16得票数 2
回答已采纳
1回答
const SignupForm = () => {
initialValues: { // function formik.handleChange(event); // delay in ms
浏览 28提问于2022-05-26得票数 0
回答已采纳
在一个简单的react应用程序中，我使用了formik钩子useFormik，但是浏览器抱怨它在错误的地方使用。以下是我所做的： import { useFormik } from 'formik'; const SignupForm = () =></form> };然后我使用了useState hook，它运行得很好，但是这个是在
浏览 2提问于2021-05-25得票数 1
我想把formik作为一个道具传递给子组件CustomFormGroup，我的父组件是配置文件，我正试图遵循的答案。在Proflie组件中，我得到了错误。错误:无效钩子调用。钩子只能在函数组件的主体内调用。/types";
const CustomFormGroup = (props: customFormGroupProps/uti
浏览 3提问于2022-04-08得票数 0
回答已采纳
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
