Image of the Application 我们在formik的帮助下构建了表单，我的代码如下所示。validationSchema,}) 该表单是一个具有handleSubmit和handleChange的标准表单 <form className={styles.moneytransaction_form} onSubmit={formik.handleSubmit
浏览 9提问于2021-04-11得票数 0
回答已采纳
我无法在Formik的useDispatch函数中调用handleSubmit。当单击submit按钮时，我希望将提交的表单值分配给redux存储。我该怎么做？Hooks can only be called inside of the body of a function component.console.log(dispatch) type: "ADD_TO_PROFILE",
payload: {...values}
浏览 7提问于2022-01-24得票数 0
回答已采纳
下面是一个使用Formik设计的表单示例。当Field在表单中时，我在尝试从下一个导出时得到以下错误：import { connect } from "react-redux";import TextInput from "..}}
浏览 8提问于2020-04-19得票数 0
回答已采纳
目前，我在当前的项目中使用React、Redux Toolkit和Formik，情况是，当我使用help onSubmit方法提交表单数据(使用useFormik()钩子)时；在onSubmit方法中，我调用Redux操作(使用useDispatch()钩子)，然后使用useSlector钩子直接访问状态数据，但我总是得到以前的值。样本代码如下： const form
浏览 1提问于2020-06-16得票数 1
我正在用formik进行输入验证，当我的表单被填充时，他调用函数handleSubmit，但是这个函数在我的钩子组件之外，所以我不能调用dispatchs。如何将handleSubmit 逻辑放在钩子组件中？errors, handleChange, handleSubmit <form onSubmithandleBlur,
// Removed handleSubm
浏览 2提问于2020-03-03得票数 2
回答已采纳
2回答
我正在使用Formik创建一个表单。我按照下面的模式创建了我的表单：onSubmit={async (values) => { alert(JSON.stringify(values, null,
浏览 11提问于2022-04-05得票数 2
回答已采纳
所有这些都使用上下文API传递给其他组件 switch (action.type) { return {...state, email: action.payload} return state在许多其他组件中，我正在尝试使用Formik处理表单，并希望将表单信息保存
浏览 5提问于2020-03-11得票数 1
我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。注如果onSubmit检测到有任何验证错误，则不会触发handleSubmit。<Button onPress={handleSubmit} style={styles.button}> </Button>当验证在尝试提交后失败时调用的生命周期事件(例如：onValidatio
浏览 21提问于2019-12-27得票数 8
回答已采纳
我试着使用handleChange和useEffect，但它不工作...如何在React Hooks + Formik中使用handleChange？values.isStudentTicket === true) { } <FormikenableReinitialize={enableReinitialize}
initialVa
浏览 27提问于2020-06-12得票数 0
回答已采纳
1回答
在一个简单的react应用程序中，我使用了formik钩子useFormik，但是浏览器抱怨它在错误的地方使用。= useFormik({ email: '', onSubmit: values => { }, return (
<form
浏览 2提问于2021-05-25得票数 1
我最近开始在一个React项目中使用Redux-Saga，因为它对我来说是新的，我想了解它是如何工作的。我也开始使用Formik，因为它在React应用程序中管理表单的流行程度似乎已经超过了Redux-Form。但这似乎与Redux-Saga文档中的SOMETHING_REQUESTED -> apiCall -> SOMETHING_SUCCESS or SOMETHING_FAILURE模式不一致。例如，如果我有一个表
浏览 0提问于2019-03-19得票数 9
我正在使用Formik在我的应用程序中处理表单。使用useRef，我成功地在Formik外部调用了Formik props。ref={form} validationSchema={validationSchema}
onSubmit={handleSubmit并将其保存在redux存储中。然后将该数据设置为Formik
浏览 0提问于2019-10-28得票数 0
2回答
提交成功后关闭表单模式
、、、、
我正在使用Formik、Material-ui、Redux和Redux-saga我在material中有一个表单-ui <Dialogue/>
在提交表单时，我会触发提交请求操作，然后由saga捕获该操作注意:我使用的是React Hooks。
浏览 4提问于2019-07-30得票数 3
在这段代码中，Formik onSubmit调用了一个函数，该函数更新了两个状态。这两部分都是useEffect上的参数，它会导致useEffect记录两次“更新”。import { useState, useEffect } from "react";
export default functioninitialValues={{ test: "123" }} <e
浏览 36提问于2021-07-07得票数 0
我使用formik和useDispatch作为表单和提交功能。只有当我注释掉API调用代码时，我才能够测试该操作是否在提交时发出。如果我不评论，抛出一个错误。或如何为formik+asynchronous API调用使用redux模拟存储。ForgotPassword.js: <Typography variant='h6'>Recover Password</Typography>
<
浏览 7提问于2019-12-03得票数 1
回答已采纳
我无法将任何文本输入到普通html表单中的文本输入字段中，该表单使用formik处理对字段的更改和处理提交。请参见此处的实际问题：// This is a React component
import { useFormik } from '
浏览 6提问于2022-08-09得票数 0
我有一个使用Formik的编辑表单。我需要上传一个新的图像，如果图片字符串已经改变。如何访问onSubmit处理程序中的onSubmit以便进行此比较。我一直在网上搜索，并找到了一个关于这个主题的，然而，作者正在使用redux并重新组合。在我的例子中，我使用的是graphql，而不是使用任何状态管理库
如果没有状态管理库，还能进行这样的比较吗？N如何在我的initialValues处理程序中
浏览 1提问于2019-05-06得票数 2
回答已采纳
1回答
我使用获取campaignid参数并将它们插入到campaignid值中。import { Button, FormControl, Input } from "@chakra-ui/react";
import { Field, Form, Formik } from "formik<Script src="https://cdn.jsdelivr.net/gh/gkogan/sup-save-url-paramet
浏览 9提问于2022-02-17得票数 0
我使用Formik在React中编写了以下表单： import React, { FunctionComponent } from 'react';import SimpleInput from '.(values); };
<Formik
浏览 28提问于2019-01-24得票数 12
回答已采纳
1回答
我使用了React，，Hooks，Typescript来实现这一点。import { Formik } from "formik";import { useState} from "react";
import { useDispatch, us
浏览 1提问于2021-06-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
