function is not defined when im trying to call a function inside my onsubmit function

Question

i have this form say

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

im trying to call another function inside my formsubmit() function but it says the function is not defined. what could the reason be

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

Answer 1

You need to call this.validateForm() . validateForm is bound to the component instance.

Answer 2

formSubmit and validateForm are methods of your (component) class, not an independent function. In order to call the inside of the class, you need to call it through the this keyword as it is bound to the class.

Answer 3

You are using this key word in the Component it seems. this key word has varying scope depending on where you are using it.