text: class Counter extends React.Component {
    constructor(props) {
      super(props);
      this.handleAddOne = this.handleAddOne.bind(this);
      this.handleMinusOne = this.handleMinusOne.bind(this);
      this.handleReset = this.handleReset.bind(this);
  
      //SETTING UP STATE
      this.state = {
        count: 0
        //otroAtrib : defaultValue
      };
    }
    handleAddOne() {
      this.setState((prevState) => { //prevState es opcional
        return {
          count: prevState.count + 1
        };
        //NO AFECTA otroAtrib, SOLO HAY QUE RETORNAR LOS ATRIBUTOS QUE CAMBIAN
      });
    }
    handleMinusOne() {
      this.setState((prevState) => {
        return {
          count: prevState.count - 1
        };
      });
    }
    handleReset() {
      this.setState(() => {
        return {
          count: 0
        };
      });
    }
    render() {
      return (
        <div>
          {/*EN H1 SE UTILIZA EL STATE DEL COMPONENTE QUE SE ACTUALIZA AUTOMATICAMENTE*/}
          <h1>Count: {this.state.count}</h1>
          <button onClick={this.handleAddOne}>+1</button>
          <button onClick={this.handleMinusOne}>-1</button>
          <button onClick={this.handleReset}>reset</button>
        </div>
      );
    }
  }
  
  //SOLO SE HACE UN UNICO LLAMADO A RENDER MANUALMENTE, EL RESTO ES AUTOMATICO CON LOS CAMBIOS DETECTADOS EN EL STATE
  ReactDOM.render(<Counter />, document.getElementById('app'));