React desde cero | 7.2 - Resolución del ejercicio (Parte 2)

Jorge Luis Tipe Carrasco@jorgeluistipecarrasco

Profesor Beto que tal. he creado un reloj digital y lo coloque abajo del titulo "Lista de criptomonedas" funciona , pero cuando actualizo la pagina se desaparece el reloj y me figura el mensaje "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at relojDigital (Fecha.jsx:28:12) at Fecha.jsx:36:5" he revisado ese mensaje y me figura porque al cargar la pagina el dato esta en NULL, como puedo hacer para mejorar mi código y que no pase ese Bug Le cree un COMPONENTE FECHA y lo coloque abajo del titulo.

function Fecha() { return ( <>

</> ) }

export default Fecha

const tiempo = document.getElementById("tiempo") const fecha = document.getElementById("fecha")

function relojDigital() { let t = new Date() let dia = t.getDate() let mes = t.getMonth() + 1 let anio = t.getFullYear() let diaSemana = t.getDay()

dia = ('0' + dia).slice(-2);
mes = ('0' + mes).slice(-2);

let timeString = t.toLocaleTimeString()
tiempo.innerHTML = "Hora: "+timeString

let semana = ['DOMINGO', 'LUNES', 'MARTES', 'MIERCOLES', 'JUEVES', 'VIERNES', 'SABADO']
let showSemana = (semana[diaSemana])
fecha.innerHTML = `Dia: ${showSemana} ${dia}-${mes}-${anio}`

}

setInterval(() => { relojDigital() }, 1000);


Escribe una respuesta