HarmonyOS 鸿蒙Next API升级到api11后 TS类型校验问题Indexed access is not supported for fields (arkts-no-props-by-index) <ArkTSCheck>

ets不支持了，但是ts还是支持的，所以你可以把这个文件抽离出去。

src/main/ets/util/page020Test.ts

export interface BreakpointTypeOptions<T> {
  sm?: T;
  md?: T;
  lg?: T;
}
export class BreakpointType<T> {
options: BreakpointTypeOptions<T>;
constructor(options: BreakpointTypeOptions<T>) {
this.options = options;
}
getValue(breakpoint: string): T {
return this.options[breakpoint];
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

src/main/ets/pages/Page020.ets

import { BreakpointType } from ‘…/util/page020Test’;

@Entry
@Component
struct Page020 {
@State message: string = ‘Hello World’;
build() {
Row() {
Column() {
Button(‘测试’).onClick(() => {
let a = new BreakpointType({
sm: true,
md: false,
lg: false,
}).getValue(‘sm’)
console.info(‘a’, a)
})
}
.width(‘100%’)
}
.height(‘100%’)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

打印效果

app Log: a true<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>