ReactJs：DatetoLocaleTimeString不起作用

如何解决ReactJs：DatetoLocaleTimeString不起作用

目前，我开始学习ReactJs。我想获取当前的反应时间。但是我使用的方法显示了一些错误。我想获取当前时间。

我尝试了一些类似的问题，但是对我没有帮助。

我尝试过的事情

import React,{ useState } from 'react';

let datte = new Date().toLocaleTimeString;

const Click = () => {




    return(
        <>
        <div className="container mt-5 text-center bg-danger rounded p-5 text-white">
            <h2>The current Time is : {datte} </h2>
            <button  className="btn btn-info btn-lg">Get time</button>
        </div>
        </>
    );
   
};

export default Click;

我遇到的错误

index.js:1 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
    in h2 (at Click.jsx:13)
    in div (at Click.jsx:12)
    in Click (at src/index.js:7)

那我该如何解决这些错误。

谢谢

解决方法

您没有调用该功能。您只是将其另存为datte中的变量。像这样更改代码

let datte = new Date().toLocaleTimeString();

,

使用此toLocaleTimeString（）;

,

您没有调用此权限。 toLocaleTimeString是一个获得这样一个参数的函数：

// for specfic time
    let dateUS = new Date().toLocaleTimeString('en-US');
//you can also leave it empty
let dateUS = new Date().toLocaleTimeString();

mdn doc for this function