Olá, estou fazendo um componente que mostra a data atual, porém gostaria que o mesmo atualizasse assim que houvesse a mudança, porém só consegui deixar ele ativo para mudança com um timeout, que acho não ser uma boa solução, pois fica atualizando o tempo todo desnecessariamente ou eu teria que ajustar um valor alto que poderia causar um atraso na hora da atualização.
this.state = {
curDate : null
}
componentDidMount() {
setInterval( () => {
this.setState({
curDate : new Date().getSeconds()
})
},1000)
}
render() {
return (
<div>
<p>{this.state.curDate}</p>
</div>
);
}
setInterval
nocomponentDidMount()
está correto se for pra mostrar um relógio.new Date().toISOString()
no próprio render(). Não precisa ficar contando o tempo. Não acho que ninguém vai entrar na sua página e esperar 24 horas só pra ver a data mudar. Provavelmente a pessoa vai acessar no outro dia, em uma nova reload da página, que novamente vai mostrar da data do dia e não a anterior.