import React, { Component } from "react";

class ButtonWithBind extends Component {
  constructor() {
    super();

    this.state = { toggle: false }

    this.toggleButton = this.toggleButton.bind(this)
  }

  render() {
    const toggle = this.state.toggle;

    return (
      <div>
        <button onClick={this.toggleButton}>
          {toggle ? "ON" : "OFF"}
        </button>
      </div>
    )
  }

  toggleButton() {
    this.setState({ toggle: !this.state.toggle });
  }
}

export default ButtonWithBind;