Estoy intentando escribir una función para mostrar la diferencia de tiempo entre la hora actual y, por ejemplo, la hora de creación de un mensaje. Por lo tanto, escribí una función para obtener mi hora actual antes de pasar al siguiente paso.
Tengo la intención de poner el resultado en una tabla por <td>{getCurrentTime}</td> , pero no puedo ver ningún resultado de esta función que se muestre. Ni siquiera aparece una segunda columna.
import React from "react"; export function getCurrentTime () { let today = new Date(); let dateTime = (today.getHours() < 10 ? '0' : '') + ':' + (today.getMinutes() < 10 ? '0' : '') + ':' + (today.getSeconds() < 10 ? '0' : ''); return dateTime; } //console.log(getCurrentTime); export default getCurrentTimeaquí es donde quiero que se muestre la hora:
const CommitMsgTable = ({ apiCommitsResponse }: CommitMsgTableProps) => { let colorToggle = false; return <div><table>{apiCommitsResponse.map(commit => { colorToggle = !colorToggle; return ( <tr> <td>{getCurrentTime}</td> <td style={{ backgroundColor: colorToggle ? "lightgrey" : "white" }}> {commit} </td> </tr>) })} </table></div>solucionado por tanmay y el pandario! Olvidé los corchetes () después de llamar a {getCurrentTime} en los datos de la tabla
Algo como esto debería funcionar:
export default function App() { return ( <div className="App"> <tr> <td>Time: {getCurrentTime()}</td> </tr> </div> ); } export function getCurrentTime () { let today = new Date(); let dateTime = (today.getHours() < 10 ? `0${today.getHours()}` : `${today.getHours()}`) + ':' + (today.getMinutes() < 10 ? `0${today.getMinutes()}` : `${today.getMinutes()}`) + ':' + (today.getSeconds() < 10 ? `0${today.getSeconds()}` : `${today.getSeconds()}`); console.log(dateTime); return dateTime; }No entendí lo que querías decir, pero creo que querías algo así:
const getCurrentTime = () => { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); const timeString = `${hours.toString().length === 1 ? `0${hours}` : hours}:${minutes.toString().length === 1 ? `0${minutes}` : minutes}:${seconds.toString().length === 1 ? `0${seconds}` : seconds}`; return timeString; }; console.log(getCurrentTime())