如何在antd datepicker reactjs中添加掩码

npm install antd react-input-mask

import React from 'react';
import { DatePicker } from 'antd';
import InputMask from 'react-input-mask';

const MaskedDatePicker = (props) => {
  const { value, onChange, ...restProps } = props;

  const handleChange = (e) => {
    const maskedValue = e.target.value;
    // 将掩码格式的值转换为实际日期值
    const dateValue = convertMaskedValueToDate(maskedValue);
    onChange(dateValue);
  };

  return (
    <InputMask
      mask="99/99/9999"
      value={value ? formatDateValue(value) : ''}
      onChange={handleChange}
    >
      {(inputProps) => <DatePicker {...restProps} {...inputProps} />}
    </InputMask>
  );
};

<MaskedDatePicker onChange={handleDateChange} />