typescript 如何从一个参数的类型推断另一个参数的类型

Question

type ChartType = 'bar' | 'line' | 'pie';


interface PropsType {
  type: EChartType;
  xData: **** ;
  seriesData: ****  ;
}
const props = defineProps<PropsType>();

怎么做

何时 ChartType = 'bar' , xData类型为string[]和seriesData类型为number[] 。 当ChartType = 'line' , xData类型为Array<string|number>和seriesData类型为string[] 。 当ChartType = 'pie' , xData类型为number[]和seriesData类型为{value:string,name:string}[] .

Answer 1

这就是您问题的答案。

type TPropsType = {
        type: "bar"
        xData: string[]
        seriesData: number[]
    } | {
        type: "line"
        xData: Array<string|number>
        seriesData: string[]
    } | {
        type: 'pie'
        xData: number[]
        seriesData: {value:string,name:string}[]
    }