Question

我正在尝试学习React.js的教程。这是一个倒计时应用程序。当我尝试运行时，时间会以Nan（不是数字）的形式返回。我不确定我做错了什么。

pygame.mixer.music.play()
while pygame.mixer.music.get_busy():
    clock.tick(30)
pygame.mixer.music.stop()
pygame.mixer.quit()

我在App.jsx文件中定义截止日期请查看以下关于代码的文件。：

import React, { Component } from "react";
import "./App.css";

class Clock extends Component {
  constructor(props) {
   super(props);
   this.state = {
     days: 0,
     hours: 0,
     minutes: 0,
     seconds: 0
   };
  }

  componentWillMount() {
    this.getTimeUntil(this.props.deadline);
  }

  getTimeUntil(deadline) {
    const time = Date.parse(deadline) - Date.parse(new Date());
    console.log("time", time);
    const seconds = Math.floor((time / 1000) % 60);
    const minutes = Math.floor((time / 1000 / 60) % 60);
    const hours = Math.floor((time / (1000 * 60 * 60)) % 24);
    const days = Math.floor(time / (1000 * 60 * 60 * 24));

    this.setState({ days, hours, minutes, seconds });
  }

 render() {
   return (
     <div>
        <div className="Clock-days">{this.state.days} Days</div>
        <div className="Clock-hours">{this.state.hours} Hours</div>
        <div className="Clock-minutes">{this.state.minutes} Mins</div>
        <div className="Clock-seconds">{this.state.seconds} Secs</div>
     </div>
    );
   }
  }

 export default Clock;

感谢您在帮助React Newbie方面提供的帮助。

Answer 1

我忘记了第二个＆＃34; d＆＃34;在app.jsx文件的截止日期。

感谢您的协助。

React.js getTimeUntil返回Nan

1 个答案: