基于react的ant design写一个tsx组件，要求写DatePicker的，执行onChange后要将值格式化为字符串

以下是一个基于React的Ant Design的DatePicker组件的TSX代码，其中有一个onChange函数将日期值格式化为字符串：

import React, { useState } from 'react';
import { DatePicker } from 'antd';

const { RangePicker } = DatePicker;

interface Props {
  onChange: (date: string) => void;
}

const MyDatePicker: React.FC<Props> = ({ onChange }) => {
  const [date, setDate] = useState<string | null>(null);

  const handleOnChange = (date: any, dateString: string) => {
    setDate(dateString);
    onChange(dateString);
  };

  return (
    <RangePicker onChange={handleOnChange} value={date ? [moment(date, 'YYYY-MM-DD'), moment(date, 'YYYY-MM-DD')] : null} />
  );
};

export default MyDatePicker;

在这个组件中，使用了Ant Design的RangePicker来选择日期范围，并在onChange事件中调用了一个回调函数，该函数将日期值作为字符串格式化，并将结果传递给父组件。注意，在这个组件中，使用了moment.js库来处理日期格式化。如果您不想使用moment.js，可以使用JavaScript内置的Date对象来格式化日期。