Reactjs 用于设置数组的初始状态的类型
我对typeScript有点陌生,任何人都可以识别initialState对象中FilteredCars数组的类型,代码来自redux工具包片段,我正在为项目使用reactReactjs 用于设置数组的初始状态的类型,reactjs,typescript,interface,redux-toolkit,react-typescript,Reactjs,Typescript,Interface,Redux Toolkit,React Typescript,我对typeScript有点陌生,任何人都可以识别initialState对象中FilteredCars数组的类型,代码来自redux工具包片段,我正在为项目使用react type FilteredCarsProps = { id: string, name: string, address: string } interface initialStateProps { isFiltered: boolean, Filters : object, [Filtered
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
}
类型FilteredCarsProps={
id:string,
名称:string,
地址:string
}
接口初始状态属性{
isFiltered:boolean,
过滤器:对象,
[FilteredCars:编号]:FilteredCarsProps
}
导出常量initialState:initialStateProps={
isFiltered:false,
筛选器:{},
FilteredCars:[]/在写入类型时,通常会复制粘贴对象的外观,并将值更改为类型。在这种情况下:
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
是一个数组,在本例中为FilteredCarsProps
type FilteredCarsProps = {
id: string,
name: string,
address: string
}
interface initialStateProps {
isFiltered: boolean,
Filters : object,
FilteredCars: Array<FilteredCarsProps> <-- this should be fine
}
类型FilteredCarsProps={
id:string,
名称:string,
地址:string
}
接口初始状态属性{
isFiltered:boolean,
过滤器:对象,
FilteredCars:Array在编写类型时,通常会复制粘贴对象在本例中的任何外观``interface initialStateProps{isFiltered:true,//我将true更改为布尔筛选器:{},//这是一个对象FilteredCars:[]//这是一个数组,但数组是什么,这里的数组你的T就是这个数组,在这个例子中是FilteredCarsProps}``-抱歉,这里的注释格式不好,谢谢你,真的帮了我从JS到TS的旅程