我正在try 编写一个函数来显示当前时间和消息创建时间之间的时间差.因此,我编写了一个函数,在进入下一步之前获取当前时间.

我打算在<td>{getCurrentTime}</td>之前将结果放入一个表中,但我看不到该函数的任何结果被显示.甚至没有第二列出现.

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 getCurrentTime

这是我想要显示时间的地方:

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>

由tanmay和El Pandario解决!

推荐答案

像这样的方法应该有用:

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;
}

Javascript相关问答推荐

通过在页面上滚动来移动滚动条

Google Apps脚本中的discord邀请API响应的日期解析问题

如何解决chrome—extension代码中的错误,它会实时覆盖google—meet的面部图像?'

网页自检测外部元素无法加载

如何让npx在windows中运行js脚本?

如何在模块层面提供服务?

Phaserjs-创建带有层纹理的精灵层以自定义外观

在不扭曲纹理的情况下在顶点着色器中旋转UV

使用jQuery find()获取元素的属性

Phaser3 preFX addGlow不支持zoom

如何在AG-Grid文本字段中创建占位符

在ChartJS中使用spanGaps时,是否获取空值的坐标?

rxjs在每次迭代后更新数组的可观察值

输入数据覆盖JSON文件

观察子组件中的@Output事件emits 器?

如何为Reaction应用程序创建仅登录的路由?

如何导入我在Web Worker创建的函数?

使用Firebase实时数据库`update`在同一 node 上执行多个更新

App Script如何读取通过云函数传递的表单对象

Vue3合成API.来自本地存储的对象始终返回UNDEFINED