Question

我有以下结构:<条码>ComboChartSpec> 和<条码>。 I m 界定处理<代码>的实用功能 ComboChartSpec。

如果我这样界定,它就会发挥作用。

function process1() {
  const yAxisType =  primary ;
  const otherYAxisType =  secondary ;
  return {
    [yAxisType]: foo,
    [otherYAxisType]: bar
  }
}
function process2() {
  const yAxisType =  secondary ;
  const otherYAxisType =  primary ;
  return {
    [yAxisType]: foo,
    [otherYAxisType]: bar
  }
}

我想合并这两个职能。但是,我留下了TS错误。我如何解决这一问题? 感谢!

function process(yAxisType:  primary  |  secondary ) {
  const otherYAxisType = yAxisType ===  primary  ?  secondary  :  primary ;
  return {
    [yAxisType]: foo,
    [otherYAxisType]: bar
  }
}

Type  { [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }  is not assignable to type  ComboChartAxisEncoding<"editor"> .
  Type  { [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }  is not assignable to type  ComboChartSingleAxisEncoding<"editor"> .
    Type  { [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }  is missing the following properties from type  { primary: ComboChartSingleAxisSectionEncoding<"editor">; secondary: ComboChartSingleAxisSectionEncoding<"editor">; scale: QuantitativeScale; } : primary, secondaryts(2322)
index.ts(85, 3): The expected type comes from property  y  which is declared here on type  ComboChartEncodingMap<"editor">

Answer 1

IIUC, foo and bar are interchangeable Value (type ComboChartSingleAxis SectionEncoding<"editor”>?) for the first and sub axis. 视某些条件而定,你使用。

{
  [yAxisType]: foo, // yAxisType is either  primary  or  secondary 
  [otherYAxisType]: bar // otherYAxisType is the other one
}

只要被计算的财产名称为deadwang<>em>,便可正确地推断出所形成物体的形状,例如,在你直接指定<条码>、主要或<字面>的二级值为<条码>。缩略语

不幸的是,一旦这些计算财产的名称中有一个是字面上的union,即它可能有不同的价值,就不再如此。在这种情况下,TS诉诸于提及一种记录类型({[x:string]:s;}),而后者可能不再符合你的预期目标。

在您的情形下,一种极为简单的解决办法是互换 Values(foo和bar),而不是关键:

function process(yAxisType:  primary  |  secondary ): ExpectedType {
  return primarySecondarySwap(yAxisType, foo, bar)
}

function primarySecondarySwap<FooBar>(type:  primary  |  secondary , foo: FooBar, bar: FooBar) {
  switch (type) {
    case  primary : return { primary: foo, secondary: bar };
    case  secondary : return { primary: bar, secondary: foo };
  }
}

马达加斯加游乐场链接

友情链接