Typescript + React:接收Date对象作为date类型，并将其传递给另一个组件

import React from 'react';

interface DateComponentProps {
  date: Date;
}

const DateComponent: React.FC<DateComponentProps> = ({ date }) => {
  return <div>{date.toLocaleDateString()}</div>;
};

export default DateComponent;

import React from 'react';
import DateComponent from './DateComponent';

const ParentComponent: React.FC = () => {
  const today = new Date();

  return (
    <div>
      <h1>Today's Date</h1>
      <DateComponent date={today} />
    </div>
  );
};

export default ParentComponent;

const DateComponent: React.FC<DateComponentProps> = ({ date }) => {
  if (!(date instanceof Date) || isNaN(date)) {
    return <div>Invalid Date</div>;
  }
  return <div>{date.toLocaleDateString()}</div>;
};