import React, { Component } from 'react'; import { Text, View } from 'react-native'; export default class Clock extends Component { componentDidMount(){ setInterval(() => ( this.setState( { curHours : new Date().getHours()} ), this.setState( { curMins : new Date().getMinutes()} ), this.setState( { curSeconds : new Date().getSeconds()} ) ), 1000); } state = {curHours:new Date().getHours()}; state = {curMins:new Date().getMinutes()}; state = {curSeconds:new Date().getSeconds()}; renderHours() { return ( <Text>{'Hours:'}{this.state.curHours}</Text> ); } renderMinutes() { return ( <Text>{'Minutes:'}{this.state.curMinutes}</Text> ); } renderSeconds() { return ( <Text>{'Seconds:'}{this.state.curSeconds}</Text> ); } }-Estoy tratando de hacer una aplicación que pueda realizar un seguimiento del tiempo como un planificador diario. Entonces necesito obtener la hora actual en tiempo real durante el tiempo de ejecución de la aplicación. Se supone que la aplicación le dice al usuario que no ha podido realizar una determinada tarea en un momento dado, por ejemplo. Intenté exportar clock.js y usar sus funciones, pero solo funciona renderSeconds(), los demás solo muestran espacios en blanco.
Cuando está definiendo state tres veces, solo se conserva el último porque está sobrescribiendo la variable anterior. Además, su estado inicial debe declararse en un constructor. Agrega esto a la parte superior de tu clase
constructor() { this.state = { curHours:new Date().getHours(), curMins:new Date().getMinutes(), curSeconds:new Date().getSeconds(), } }