reactjs - React : formik form, 在回调函数中提交后如何使用状态

Question

我在 reactjs 中使用 formik 插件，我想在表单提交后使用 useState 变量。

this和setState都未定义，我无法实现。
任何人都可以帮我完成这件事吗？

参见屏幕截图(下方)

Answer 1

在JavaScript中，类方法默认是不绑定(bind)的。
如果你忘记绑定(bind)this.LoginApp并传递给onSubmit，this 将在实际调用该函数时为 undefined(正如您已经注意到的那样)。

This is not React-specific behavior; it is a part of how functions work in JavaScript.

通常，如果您引用的方法后面没有()，例如onSubmit={this.LoginApp}，您应该绑定(bind)该方法。为了避免性能问题，通常建议在构造函数中绑定(bind)或使用类字段语法。 Here's a good read from the react team .

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

  // This binding is necessary to make `this` work in the callback
  this.LoginApp = this.LoginApp.bind(this);
}