在 JS 中返回 Moment 数组

Question

将我的日期解析成数组后，我想暂时将其存储在UseState数组中。

  const [yearperiod, setYearPeriod ] = React.useState([moment("2021-09-09")])


  const startdate : any = (document.getElementById('startdate') as HTMLInputElement);
  const enddate : any = (document.getElementById('enddate') as HTMLInputElement);
  
  const dateStart = moment(startdate.value, "DD-MM-YYYY")
  const dateEnd = moment(enddate.value, "DD-MM-YYYY")
  const interim = dateStart.clone();
  const timeValues = [];

  while (dateEnd > interim || interim.format('MM') === dateEnd.format('MM')) {
    timeValues.push(interim.format('MM-YYYY'));
    interim.add(1,'month');
 }

  // ERROR
  setYearPeriod(timeValues)

但我有以下错误：

Argument of type 'string[]' is not assignable to parameter of type 'SetStateAction<Moment[]>'.

Answer 1

  const [yearperiod, setYearPeriod ] = React.useState([moment("2021-09-09")])

因此，因为您将初始状态设置为包含矩对象的数组，所以无论何时您想要更新状态，它都会期望相同的结构，如果您不指定类型，这就是 typescript 的工作方式。

你传递的是一个字符串数组，但这应该是一个时刻对象数组，因为初始状态更新。

const momentItems = timeValues.map(item => moment(item)); 


setYearPeriod(momentItems)