Unable to access React instance (this) inside event handler [duplicate]

Answer 1

This issue is happening because this.changeContent and onClick={this.sendContent} are not bound to this of the instance of the component .

There is another solution (In addition to use bind() in the constructor() ) to use the arrow functions of ES6 which share the same lexical scope of the surrounding code and maintain this , so you can change your code in render() to be :

render() {
    return (

         this.changeContent() } /> 

         this.sendContent() }>Submit

    )
  }