反应 useState 不使用 new Date() 作为初始值

Question

我想使用 useState 挂钩将当前日期用作组件中的状态。所以我做了这个...

import React, { useState } from "react";

import Navbar from "./components/Navbar/Navbar";
import Date from "./components/Date/Date";

import "./App.css";

const App = () => {
  const [date, setDate] = useState(new Date());
  return (
    <div className="App">
      <Navbar />
      <Date selectedDate={date} />
    </div>
  );
};

export default App;

但是当我将初始日期设置为新的 Date 对象时它会抛出此错误。

Answer 1

您的组件名为 Date，如您尝试使用的 Date 对象：

// Rename
import DateComponent from "./components/Date/Date";

// Will call the constructor of Date object
new Date();

反应 useState 不使用 new Date() 作为初始值

react useState not working with new Date() as initial value

javascript

reactjs

use-state