我有一个看起来像这样的树结构:
interface TreeData {
id : number;
text : string;
children : TreeData[];
}
我想将其包装到一个不可变的映射中,但是由于我正在使用TypeScript,所以我希望在使用get和set时有一些类型安全性。我在网上找到2篇文章,以寻求有关如何实现此目的的建议,请参见:
https://github.com/facebook/immutable-js/issues/683 https://blog.mayflower.de/6630-typescript-redux-immutablejs.html
但是我的问题是我的TreeData包含TreeData子级列表。如果我这样定义我的ImmutableMap:
export interface ImmutableMap<T, K, V> extends Map<K, V> {
get<I extends keyof T>( key : I & K ) : T[I] & V;
set<S extends keyof T>( key : S & K, value : T[S] & V ) : Map<K, V>;
}
然后,当我尝试定义以下内容时,我收到一个打字稿错误消息:
type ImmutableTreeData = ImmutableMap<TreeData, string, string | List<ImmutableTreeData>>;
[TS]类型别名ImmutableTreeData循环引用自身
如何解决此TypeScript错误?
答案 0 :(得分:0)
记录如何?
interface ITreeData {
id: number;
text: string;
chilren?: ITreeData;
}
const defaultTreeData: ITreeData = {
id: 0,
text: "",
chilren: undefined
};
class TreeData extends Record(defaultTreeData) {
public static Init() {
return new TreeData(defaultTreeData);
}
}
const treeData = TreeData.Init().set("text", "ok");
const treeData2 = treeData.set("chilren", treeData);
console.log(treeData2);
答案 1 :(得分:0)
import { Map } from "immutable";
export interface ITypedMap<T> extends Map<string, any> {
get<K extends keyof T>(name: K): T[K];
}
export function TypedMap<T>(value: T): ITypedMap<T> {
return Map(value) as ITypedMap<T>;
}
用法:
const myMap = TypedMap(value);
参考文献: