Mi problema surge ya que al parecer las funciones que estoy creando se estan llamando antes de renderisar mi html, yo quiero que solo aparescan cuando se interactue con estas no cuando se llame el archivo, Siendo el siguiente erro:
y el codigo completo:
import './Home.css'
import { Component } from 'react';
class Home extends Component{
btclick (){
document.getElementById("tituloCambia").innerText = "Cambio"
}
render(){
return(
<div>
<h1 id="tituloCambia" class="margin">Home Component!!</h1>
<p>Cambiar texto!!!</p>
<button onClick={this.btclick()}>
Cambiar
</button>
</div>
)
}
}
se supone que en este caso no se tendria que llamar a btclick, verdad?, pero por lo que veo esto no pasa asi, muestra como si el objeto no existiera, no se si estoy ignorando un paso o estoy haciendo mal algo