アプリに多くのリストがあり、リストモデルを作成するためのヘルパーを作成したいのですが、タイプを修正する方法がわかりません。モデルおよびジェネリックごとに正しいタイプを定義するには何を使用すればよいですか？
const createListInterface = <T>(Model: T) => {
const initialState = {
data: types.array(Model),
isLoading: false,
isLoadingMore: false,
isListEnd: false,
}
return types.model(initialState)
}
const stateExample = {
disputesList: createListInterface<Dispute>(DisputeModel),
}
// types
export const DisputeModel = model({
disputeId: types.number,
winnerId: types.maybeNull(types.number),
creatorId: types.number,
reason: types.string,
time: types.string,
status: DisputeStatusEnumModel,
})
export type Dispute = Instance<typeof DisputeModel>
このコードはエラーをスローします
TS2345: Argument of type 'T' is not assignable to parameter of type 'IAnyType'.
ここでタイプを使用してIDEの提案を行う必要があります。それがないと、WebStormはデータが any[]
ジェネリック型Tが拡張するように指定できますIAnyType。
const createListInterface = <T extends IAnyType>(Model: T) => {
const initialState = {
data: types.array(Model),
isLoading: false,
isLoadingMore: false,
isListEnd: false
};
return types.model(initialState);
};
const stateExample = {
disputesList: createListInterface(DisputeModel)
};
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加