JSFiddle - React, Tailwind, and code Playground

by Rishabh Sharma

HTML

<button id="button">Click Me!</button>

JavaScript

const input = document.getElementById('button');

class FooParent {
	render() {
  	return 'Hello from FooParent!';
  }
}

class Foo extends FooParent {
	constructor(props) {
  	super(props);
    
    this.a = 'a';
    this.someMethod = this.someMethod.bind(this);
  }
  
 	someMethod () {
    	console.log('this from Foo (someMethod method)', this);
  }

	render() {
  	console.log('this from Foo (render method)', this);
    input.addEventListener('click', this.someMethod);
  	return 'bar';
  }
}

var fooInstance = new Foo();

fooInstance.render();