如何为PrimeReact的CalendarComponent的handleChange事件指定类型

PrimeReact的Calendar组件onChange事件参数的正确类型是CalendarChangeEvent，你需要从primereact/calendar模块导入该类型。

具体实现步骤： #

1. 导入类型：

import { CalendarChangeEvent } from 'primereact/calendar';

2. 修改handleChange函数的参数类型：

const handleChange = (e: CalendarChangeEvent) => {
    const newValues = e.value;
    if (!newValues) return;

    setValues(newValues);
    onChange({
      startDate: newValues[0],
      endDate: newValues[1],
    });
};

补充说明： #

• 当selectionMode设置为"range"时，e.value的类型为Date[]，和你代码中取值逻辑完全匹配；
• 若使用单选模式（selectionMode默认值），e.value的类型为Date | null。

内容的提问来源于stack exchange，提问作者marcinb1986