反应打字稿，对象错误的结构化数组

【问题标题】：react typescript, structured array of object error反应打字稿，对象错误的结构化数组
【发布时间】：2020-04-09 13:15:17
【问题描述】：

为什么打字稿在这一行给我警告？

<TimeSlots hours={[{ dayIndex: 1, day: 'monday', }]}/>

如何在 jsx 中定义类型？

【问题讨论】：

【解决方案1】：

您可能没有定义接口，或为TimeSlots 组件的props 键入别名。这是您可以纠正错误的方法。

首先，为TimeSlots 组件定义一个接口：

interface Time {
  dayIndex: number;
  day: string;
}

interface TimeSlotsProps {
  hours: Time[];
}

假设您使用的是 React 功能组件，

const TimeSlots: React.FC<TimeSlotsProps> = {

  // rest of the code
}

【讨论】：