Skip to main content

useCsRqQueryLoadEvent

useCsRqQueryLoadEvent は、API 呼び出し方式が TanStack Query および Orval(シンプル版)に対応する参照系 API ロードイベントを初期化するためのフックです。

シグネチャ

useCsRqQueryLoadEvent
 <TApiResponse>
(queryResult: UseQueryResult
 <TApiResponse>):
CsRqQueryLoadEvent
 <TApiResponse>

引数

引数名必須説明
queryResultUseQueryResult<TApiResponse>*¹TanStack Query の useQuery を使ったカスタムフックを指定します。

*1:UseQueryResultは API のレスポンスに関する情報を保持するTanStack Queryの組み込みの型定義です。

返り値

API のレスポンス、成功・失敗のステータスなどの情報が含まれるCsRqQueryLoadEventクラスのインスタンスを返します。

使用例

export const useTodoSearchView = (): TodoSearchView => {
const keyword = useCsInputTextItem("検索キーワード", useInit(""), stringRule(true));

return useCsView(
{
keyword: keyword,
loadEvent: useCsRqQueryLoadEvent(useSearchTodo({ keyword: keyword.value ?? "" } )),
}
);
};