Estado e Ciclo de Vida

Esta página apresenta o conceito de estado e ciclo de vida em um componente React. Você pode encontrar uma referência detalhada da API de componente aqui.

Considere o exemplo do relógio de uma das seções anteriores. Em Elementos de Renderização, nós aprendemos apenas uma maneira de atualizar a UI. Nós chamamos ReactDOM.render() para mudar a saída renderizada.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
}

setInterval(tick, 1000);