我该怎么办 Datepicker 有错误我无法解决

Question

import { useField } from "formik";
import { Form, Label} from "semantic-ui-react";
import DatePicker, {DatePickerProps} from 'react-datepicker';

export default function MyDateInput(props: Partial<DatePickerProps>) {
    const [field, meta, helpers ] = useField(props.name!);
    return (
        <Form.Field error={meta.touched && !!meta.error} >
            <DatePicker
                {...field}
                {...props} 
                selected={(field.value && new Date(field.value)) || null}
                onChange={value => helpers.setValue(value)}
            />
            {meta.touched && meta.error ? (
                <Label basic color='red'>{meta.error}</Label>
            ) : null}
        </Form.Field>
    )
}

第 9 行日期选择器下方有一条红线，导致错误。我得到的错误类型是这样的：属性“showMonthYearDropdown”的类型不兼容。 输入“真|” undefined' 不能分配给类型'undefined'。 类型“true”不可分配给类型“undefined”。 我应该做什么来修复它。

Answer 1

错误原因

• 据说DatePicker只允许未定义的类型。这会导致类型不匹配

错误解决方法

• 如果你想保留showMonthYearDropdown，你可以在必要时显式地将其设置为undefined，如下所示：