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

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
}