OnClick se ejecuta al cargar pagina en ReactJs

publicado por: Anonymous

Buen día tengo este problema desde ayer. Al poner onclick en un boton y llamar una funcion interna de la clase, se ejecuta solo el onclick. Digamos qeu tendria que ejecutarse al darle click y que me muestre por consola el
“asdasdd” pero no hay caso, siempre lo hace al recargar la página.

Cualquier recomendacion es bienvenida.

Dejo mi archivo de la clase en ReactJs

_x000D_

_x000D_

import React, { Component } from 'react';_x000D_
import Mother from './Mother.js';_x000D_
_x000D_
class Tabla extends Component {_x000D_
  constructor(props) {_x000D_
    super(props);_x000D_
_x000D_
  }_x000D_
_x000D_
  click(){_x000D_
    //const mother = new Mother();_x000D_
    //mother.addMother(id);_x000D_
    console.log("asdasdasd");_x000D_
  }_x000D_
_x000D_
  verificar(){_x000D_
_x000D_
  }_x000D_
_x000D_
  render() {_x000D_
    return (_x000D_
_x000D_
      <div className="col-md-6">_x000D_
        <div className="container">_x000D_
          <div className="row">_x000D_
            <div className="col-md-6">_x000D_
              <img height="250" src={this.props.obj.img} />_x000D_
            </div>_x000D_
            <div className="col-md-6">_x000D_
              <div className="producto">_x000D_
                <div className="container">_x000D_
                  <h5>{this.props.obj.modelo}</h5>_x000D_
                  <div className="container">_x000D_
                  <span className="badge badge-success" id="precio" >$ {this.props.obj.precio}</span>_x000D_
                </div>_x000D_
                  <button onClick={this.click()} className="btn btn-danger mt-3">Agregar al carro </button>_x000D_
                </div>_x000D_
              </div>_x000D_
            </div>_x000D_
          </div>_x000D_
        </div>_x000D_
      </div>_x000D_
_x000D_
_x000D_
    );_x000D_
  }_x000D_
}_x000D_
_x000D_
export default Tabla;

_x000D_

_x000D_

_x000D_

solución

Es necesario quitar los paréntesis de this.click

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *