主页 / 问题 / 939657
Accepted
stiv
Asked:2020-02-02 01:00:07 +0000 UTC2020-02-02 01:00:07 +0000 UTC

如何使用moment js在反应中显示当前时间

  • 772
import React from 'react'
import moment from 'moment'

export default class Time extends React.Component {
    render () {
        return (
            <div className="header_clock"></div>
        )
    }
}

此外，尚不清楚如何在 div header_clock 中显示

reactjs

2 个回答

  1. import React from 'react'
import moment from 'moment'

export default class Time extends React.Component {
    constructor () {
        super();
        this.state = {
            currentTime: moment().format()
        }
    }

    componentDidMount() {
        this.intervalIdx = setInterval(() => this.setState ({
            currentTime: moment().format()
        }), 1000);
    }

    componentWillUnmount() {
        clearInterval(this.intervalIdx);
    }

    render () {
        constructor { currentTime } = this.state;
        return (
            <div className="header_clock">{currentTime}</div>
        )
    }
}
    • 0
  2. Best Answer

    你试过这样吗？

    链接到 CodeSandbox

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

import "./styles.css";

function App() {
  return (
    <div className="App">
      <Moment format="YYYY-MM-DD HH:mm" interval={1000} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

    • 0

相关问题