Svelte RealWord アプリには、次のようなものがあります。
$: query && getData();
これにより、ページ サイズやその他のクエリ パラメータが変更されたときに REST API が呼び出されます。
エンティティのリストについても同様の状況があり、次のことを行います。
$: activePage && sort && pageSize && getData();
これはすべてうまく機能します (&& は、 ,またはが変更されgetData()
たときに実行したいという奇妙な構造ですが.activePage
sort
pageSize
このアプローチでは、Falsy と評価される変数も含めたい場合に問題が発生します。
searchQuery
例、テキストを追加:
let searchQuery = "";
$: searchQuery && activePage && sort && pageSize && getData();
searchQuery
がに評価されるため、現在は反応性が機能しませんfalse
。
できるよ:
$: activePage && sort && pageSize && getData();
$: searchQuery, getData();
しかし、これでは getData() が2回呼び出されます。
これに対するより良いアプローチを知っている人はいますか?