當我嘗試在我的 onsubmit function 中調用 function 時，未定義 function

Question

我有這個表格說

<form onSubmit={this.formSubmit} id="userForm" name="myForm" noValidate>

我試圖在我的 formsubmit() function 中調用另一個 function 但它說 function 未定義。 可能是什么原因

   formSubmit=(e)=>{
    e.preventDefault();
    validateForm();
  }
  validateForm=()=>{
    console.log("test")
  }

Answer 1

您需要調用this.validateForm() 。 validateForm綁定到組件實例。

Answer 2

formSubmit和validateForm是您的（組件）class 的方法，而不是獨立的 function。 為了調用 class 的內部，您需要通過this關鍵字調用它，因為它綁定到 class。

Answer 3

您似乎在組件中使用this關鍵字。 this關鍵字有不同的 scope 取決於你在哪里使用它。