reactjs - 在日期变量中反应日期范围选择器错误

Question

我无法理解如何解决newStartDateand上的以下错误newEndDate。我将此代码作为 DatePicker 组件的起始代码的一部分。

当我将鼠标悬停在红线newStartDate和newEndDate红线上时，我看到的错误是：

绑定元素“newStartDate”隐式具有“任何”类型.ts(7031)

const handleInputValuesChange = ({
    startDate: newStartDate,
    endDate: newEndDate
  }) => {
    setStartInputValue(newStartDate || '')
    setEndInputValue(newEndDate || '')
  }

  const handleDatesChange = ({
    startDate: newStartDate,
    endDate: newEndDate
  }) => {
    setStartDate(newStartDate)
    setEndDate(newEndDate)
  }

错误突出显示的代码屏幕截图

我无法理解的是startDate: newStartDate实际endDate: newEndDate代表什么？我该如何解决这个错误？我需要将 newStartDate 声明为类型吗？还是一个变量？在哪里？

标签： reactjsreact-componentreact-daterange-picker

Answer 1

因为您使用的是打字稿，但您没有定义参数的类型handleDatesChange

const handleDatesChange = ({
  startDate: newStartDate,
  endDate: newEndDate,
}: {
  startDate: Date;
  endDate: Date;
}) => {
  setStartDate(newStartDate);
  setEndDate(newEndDate);
};