React:formik 表单,如何在回调函数内提交后使用状态

2024-03-13

我在用formik插件reactjs我想要useState表单提交后的变量。

Both this and setState未定义,我无法实现它。
有人可以帮我完成这件事吗?

See screenshot (below) enter image description here


In JavaScript,默认情况下不绑定类方法。
如果忘记绑定this.LoginApp并将其传递给onSubmit, thisundefined当函数被实际调用时(正如您已经注意到的)。

这不是 React 特有的行为;它是 JavaScript 中函数工作方式的一部分。

一般来说,如果您引用的方法没有()之后,例如onSubmit={this.LoginApp},你应该绑定该方法。为了避免性能问题,通常建议在构造函数中绑定或使用类字段语法。这是 React 团队的精彩读物 https://reactjs.org/docs/handling-events.html.

constructor(props) {
  this.state = {...};

  // This binding is necessary to make `this` work in the callback
  this.LoginApp = this.LoginApp.bind(this);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React:formik 表单,如何在回调函数内提交后使用状态 的相关文章

随机推荐

  • 为什么仅针对 POST 请求,Firebase 上托管的 NextJs 应用会收到“502 Gateway”错误?

    我开始使用 NextJs 框架构建 API 我希望将其托管在 Firebase 上 托管和功能 只要我只发送 GET 请求 一切就正常 当我发送 POST 请求时 我收到一个 502错误的网关 error 复制起来非常简单 您只需下载并部署
  • 从 ostream 获取 char* 而不进行复制

    我有一个ostream并且数据已写入其中 现在我想要该数据的形式char大批 有没有办法在不复制所有字节的情况下获取字符缓冲区及其大小 我的意思是 我知道我可以使用ostringstream并打电话str c str 但会产生一个临时副本
  • 在 SQL 中对包含数字的字符串列进行排序?

    我正在尝试对字符串列进行排序 包含数字 SELECT name FROM mytable ORDER BY name ASC name a 1 a 12 a 2 a 3 你看Mysql的自然排序算法是这样放置的a 12 after a 1
  • 从驱动器号获取驱动器型号

    我想从驱动器号中获取型号名称 例如Crucial CT256MX100SSD1是我的驱动器型号C 可以使用简单的 WMI 查询来检索模型 var hdd new ManagementObjectSearcher SELECT FROM Wi
  • 在 Ubuntu 20.04 上为 pandas 构建轮子需要 20 多分钟,但在 18.04 上不需要

    我有一个 ERPNext 的安装脚本 可以在 Ubuntu 18 04 上正常运行 当我在 20 04 上运行相同的脚本时 我不得不等待 20 多分钟才能完成 而在 18 04 上则需要大约 30 秒 我的脚本包括这两行 env bin p
  • 如何让 vim 使用正确的缩进格式化项目符号列表

    在 vim 中 我可以设置 textwidth 选项 然后将新文本格式化为换行 我还可以使用 gq 命令显式换行文本 然而 项目符号列表的行为对我来说有点出乎意料 vim 文档讨论了使用带有连字符的项目符号列表 当我尝试这样做时 它开始正常
  • router-outlet 不是已知元素

    以下代码有效 app module ts import NgModule from angular core import HttpModule from angular http import AppComponent from app
  • 如何更改此 R 图中的字体系列? [复制]

    这个问题在这里已经有答案了 我正在尝试将轴和图例的字体更改为衬线但添加family serif 没有为传奇工作 我该怎么做呢 plot sort n cdf pch 3 cex 0 5 xlab Order ylab Cn family s
  • pandas 中 groupby 中的排名

    我有一个典型的 面板数据 在计量经济学术语中 不是 pandas 面板对象 数据框有一个Date列和一个ID列 以及包含某些值的其他列 对于每个日期 我需要根据 V1 对 ID 进行横断面排名 分为 10 组 十分位数 并创建一个名为的新列
  • Python:定义特定类型对象的列表

    我想继承一个列表来生成myList类 仅接受一种特定类型的对象 例如整数 我相信装饰者可以优雅地做到这一点 使用怎么样arrays http docs python org library array html 该模块定义了一个对象类型 它
  • XLib:获取光标图像

    有没有办法使用 Xlib 检索当前光标位图 我检查过X光标人 http www xfree86 org 4 3 0 Xcursor 3 html但我没有看到任何方法可以做到这一点 使用 GetCursorImage SelectCursor
  • matlab中的支持向量机

    您能否举一个在 matlab 中使用支持向量机 SVM 进行 4 类分类的示例 例如 atribute 1 atribute 2 atribute 3 atribute 4 class 1 2 3 4 0 1 2 3 5 0 0 2 6 4
  • 如何在 Android 中使用文本视图显示颠倒的文本?

    如何在 Android 中使用文本视图显示颠倒的文本 就我而言 我有一个 2 人游戏 他们彼此面对面玩 我想向第二个面向他们的玩家展示测试 这是我在 AaronMs 建议后实施的解决方案 执行重写的类 bab foo UpsideDownT
  • Firebase 服务器时间戳将 iOS 翻倍

    ServerValue timestamp 回报 AnyHashable Any 如何将其转换为Double 这样我就可以创建一个带有时间戳的日期 这并不是 Firebase 时间戳的工作原理 它实际上所做的是将时间戳写入节点 但在写入之后
  • 如何验证 ZF2 中的复选框

    我已经阅读了许多针对 Zend Framework 缺乏默认复选框验证的解决方法 我最近开始使用 ZF2 但文档有点缺乏 有人可以演示如何使用 Zend 表单和验证机制验证复选框以确保其被选中吗 我正在为我的表单使用数组配置 使用 ZF 网
  • 安全组出口规则仅允许 ECR 请求

    当使用 ECR 存储用于 ECS 的容器映像时 EC2 实例 或 Fargate 服务 必须具有允许 通过公共互联网 访问特定于账户的存储库 URI 的安全组 许多组织都有严格的 IP 白名单规则 通常不允许为所有 IP 启用出站端口 44
  • 从命令行在 Hadoop 中检测压缩编解码器

    有没有简单的方法可以找出 Hadoop 中用于压缩文件的编解码器 我是否需要编写 Java 程序 或者将文件添加到 Hive 以便我可以使用describe formatted table 一种方法是在本地下载文件 使用hdfs dfs g
  • 具有接口的枚举类成员无法在内部找到方法

    我遇到了一个奇怪的问题 我不确定这是编译器问题还是我对接口枚举的理解 我正在使用 IntelliJ IDEA 12 构建一个 Android 项目 并且我有一个这样的类 public class ClassWithEnum private
  • Azure 服务总线序列化类型

    随着我们转向面向服务的体系结构 我们已开始研究使用 Windows Azure 服务总线来替代当前的队列 大部分文档都很清楚 但是我很难确定哪种类型的序列化BrokeredMessage当提供主体时使用 例如 假设我实例化了一个Broker
  • React:formik 表单,如何在回调函数内提交后使用状态

    我在用formik插件reactjs我想要useState表单提交后的变量 Both this and setState未定义 我无法实现它 有人可以帮我完成这件事吗 See screenshot below In JavaScript 默