Two type of functions and there difference

samairali — Sun, 04 Aug 2019 17:45:34 +0000

I have one scenario where i am submiting the form data and alert the data , i am working on react js so the thing is on submit the code is
onSubmit={ this.handlesubmit }
and here comes the issue which i dont understand
when i declare function like this

handlesubmit(e){
e.preventDefault()
alert( ${this.state.inpUname} ${this.state.inpComment} ${this.state.profession} )
}

it gives error , but when i declare function like that everything is ok

handlesubmit = (e) => {
e.preventDefault()
alert( ${this.state.inpUname} ${this.state.inpComment} ${this.state.profession} )
}

i want to know the difference

DEV Community: samairali

Two type of functions and there difference