如何使用 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;

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

How to get current date and time printed using reactJS

user-interface

reactjs

react-native

kendo-react-ui