reactjs - 如何使用 reactJS 打印当前日期和时间

Question

我正在尝试创建一个小程序，我必须在其中使用 react JS 显示日期和时间。它按预期显示 HTML 页面中除日期和时间值之外的所有内容。

enter code here
import React from "react";
import ReactDOM from "react-dom";

const name = "Flash";
const currDate = new Date().toLocaleDateString;
const currTime = new Date().toLocaleTimeString;

ReactDOM.render(
<>
<h1>My name is {name}</h1>
<p> Current Date is = {currDate} </p>
<p> Curremt Time is = {currTime} </p> 
</>,
document.getElementById("root"));

Answer 1

您的代码中的一切都很完美，但您只是忘记运行这些函数。

toLocaleDateString并且toLocaleTimeString是函数而不仅仅是对象，因此您需要添加括号来运行这些函数并获取结果。

所以替换这个：

const currDate = new Date().toLocaleDateString;
const currTime = new Date().toLocaleTimeString;

有了这个：-

const currDate = new Date().toLocaleDateString();
const currTime = new Date().toLocaleTimeString();

---

所以你的最终代码变成了这样： -

import React from "react";
import ReactDOM from "react-dom";

const name = "Flash";
const currDate = new Date().toLocaleDateString();
const currTime = new Date().toLocaleTimeString();

ReactDOM.render(
<>
<h1>My name is {name}</h1>
<p> Current Date is = {currDate} </p>
<p> Curremt Time is = {currTime} </p> 
</>,
document.getElementById("root"));

Answer 2

在 Reactjs 中获取当前日期的简单分步指南

import React from 'react';
import logo from './logo.svg';
import './App.css';

class App extends React.Component {
  state={
    curTime : new Date().toLocaleString(),
  }
  render(){
    return (
      <div className="App">
        <p>Current Time : {this.state.curTime}</p>
      </div>
    );
  }
}

export default App;