代码之家 › 专栏 › 技术社区 › Jhecht

根据值向界面添加键?

typescript

Jhecht · 技术社区 · 4 年前

脚本

我在这里的场景是,我有两个类,第一个是一个粗略的ObservableStore类,另一个基类可以传递一些ObservableStores值。

class ObservableStore<T> {
  update(value: (current: T) => T): void;
  subscribe(fn: (current: T) => void): void;
}

class OtherClass<Props extends {} = {}> {
  constructor(private props: Props) {
    for(let [key, value] of Object.entries(props)) {
      if(value instanceof ObservableStore) value.subscribe($data => this[`$${key}`] = $data);
    }
  }
}

const someInstance = new OtherClass({ someStore: new ObservableStore<string[]>([]) });

提问

是否有任何方法可以使用类型来添加 $someStore 值到 this.props ,还是目前不可能?

0 回复 | 直到 4 年前

ABOS 4 年前

一种方法是

class ObservableStore<T> {
    constructor(arg: T[]) {
        // ...
    }
    update(value: (current: T) => T): void { }
    subscribe(fn: (current: T) => void): void { }
}

type Props<T> = Record<string, ObservableStore<T>>;

class OtherClass<T> {
    constructor(private props: Props<T> = {}) {
        for (let [key, value] of Object.entries(props)) {
            // has to cast `this` for dynamic properties here, perhaps there is another workaround 
            if (value instanceof ObservableStore) value.subscribe($data => (this as unknown as Record<string, T>)[key] = $data);
        }
    }
}

const someInstance = new OtherClass<string[]>({ someStore: new ObservableStore<string[]>([]) });

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前