用于设置数组初始状态的类型

Question

我对 typeScript 有点陌生，谁能确定 initialState 对象中 FilteredCars 数组的类型，代码来自 redux-toolkit 切片，我正在为项目使用 react

type  FilteredCarsProps = {
  id: string,
  name: string,
  address: string
}

interface initialStateProps {
  isFiltered: boolean,
  Filters : object,
  [FilteredCars: number]: FilteredCarsProps
}


export const initialState :initialStateProps={
  isFiltered: false,
  Filters : {},
  FilteredCars: [] //<====== This variable
}

我

Answer 1

在编写类型时，通常会复制粘贴对象的外观并将值更改为类型。在这种情况下：

interface initialStateProps {
   isFiltered: true, // I change true to boolean
   Filters : {}, // this is an object
   FilteredCars: [] // this is an array, but array of what?
}

FilteredCars 属性 应该是 Array<T> 其中 T 是一个数组，在本例中是 FilteredCarsProps.

type FilteredCarsProps = {
  id: string,
  name: string,
  address: string
}

interface initialStateProps {
  isFiltered: boolean,
  Filters : object,
  FilteredCars: Array<FilteredCarsProps> <-- this should be fine
}