反應 useState 不使用 new Date() 作為初始值

Question

我想使用 useState 掛鈎在我的組件中將當前日期用作 state。 所以我做了這個...

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;

但是當我將初始日期設置為新日期 object 時，它會引發此錯誤。

Answer 1

您的組件名為Date ，就像您嘗試使用的Date object 一樣：

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

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