'setDate‘没有定义-undef

Question

我试图在我的网站上添加一个当前时间功能，但我遇到了一个代码问题。当我运行我的代码时，它无法编译，但当您检查页面时，您可以看到显示的时间。这是我的代码。

import React, { useState, useEffect } from 'react';

export const DateTime = () => {

var [date,setDate] = useState(new Date());

useEffect(() => {

    var timer = setInterval(()=>setDate(new Date()), 1000 )

    return function cleanup() {
        clearInterval(timer)
    }

});

return(
    <div>
        <p>Time : {date.toLocaleTimeString()}</p>
    </div>
)

}

export default DateTime;

Answer 1

nvm，我找到了解决问题的方法。以下是解决方法。别忘了像我一样导入你的javascript文件。Happy hacking :)

​

const clock = document.getElementById('clock');


const dateLocal = 'en-US';
const dateFormat = {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric'
};

const clockFn = () => {
  const now = new Date();
  const time = now.toLocaleTimeString().split(':').splice(0, 2).join(':');
  const date = now.toLocaleDateString(dateLocal, dateFormat);
  clock.dataset.time = time;
  clock.dataset.date = date;
};


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

<div id="clock"></div>

​