les cuento que soy mas de angular que de react pero estoy empezando y quiero saber algunos concptos, en angular al cambiar los datos que contiene una variable el html reacciona a esos cambios y cambia solo y me estoy dando cuenta que react no hace eso, quiero saber como puedo hacer para que cuando cambie los datos que contiene una variable se muestre en el navegador, les dejo un pequeño ejemplo pero entendible
estado: string = ''
function changeState(){
estado = 'demo'
}
export default function HeaderComponent(){
return(
<div>
<Button onClick={changeState} />
{estado}
</div>
)
la idea es que cuando clickee en el boton el estado que es un simple ''
quiero se pase a ser un string que diga 'demo'
pero esto no cambia en el navegador, escuche hablar de los setState()
pero no lo entendi, estoy por implementar rxjs
pero quiero saber las opiniones de ustedes