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