Devs, criei um relogio que atualiza o state a cada segundo porém estou com a seguinte dúvida, alguém poderia me explicar o porque o setInterval só funciona corretamente se estiver dentro do constructor?
class Clock extends Component {
constructor(props) {
super(props);
this.state = { date: new Date() }
// setInterval( () => {this.setState({ date: new Date() })}, 1000)
}
setInterval( () => { this.setState({ date: new Date() }) }, 1000);
render() {
return (
<View>
<Text style={{ fontSize: 42, textAlign: 'center' }}> {this.state.date.toLocaleTimeString()} </Text>
</View>
)
}
}/* CLOCK END*/