转换为Antdesign Datepicker的Typescript

dateObj 中的参数 handleDateChange 我的功能

应用程序.tsx

import { useState } from 'react';
import logo from './logo.svg';
import './App.css'; 
import { DatePicker } from 'antd';       // for css
import moment from 'moment';

const App = () => {
    const [date, setDate] = useState(new Date())
    const handleDateChange = (dateObj: Date, dateStr: string) => {
        setDate(dateObj);
    }
    return (
        <div className="App">
            <DatePicker defaultValue={moment(date)} onChange={handleDateChange} />
            <header className="App-header">
                <img src={logo} className="App-logo" alt="logo" />
                <p>
                    Edit <code>src/App.tsx</code> and save to reload.
                </p>
                <a
                    className="App-link"
                    href="https://reactjs.org"
                    target="_blank"
                    rel="noopener noreferrer"
                >
                    Learn React
                </a>
            </header>
        </div>
    );
}

export default App;

茨林特是这么说的-

Type'(dateObj:Date,dateStr:string)=>void'不可分配给Type'(Date:Moment,dateString:string)=>void'。 参数“dateObj”和“date”的类型不兼容。 类型“Moment”不可分配给类型“Date”。 类型“Moment”中缺少属性“toDateString”

但我不知道如何克服这个问题。