7

Svelte RealWord アプリには、次のようなものがあります。

$: query && getData();

これにより、ページ サイズやその他のクエリ パラメータが変更されたときに REST API が呼び出されます。

エンティティのリストについても同様の状況があり、次のことを行います。

 $: activePage && sort && pageSize && getData();

これはすべてうまく機能します (&& は、 ,またはが変更されgetData()たときに実行したいという奇妙な構造ですが.activePagesortpageSize

このアプローチでは、Falsy と評価される変数も含めたい場合に問題が発生します。

searchQuery例、テキストを追加:

let searchQuery = "";
$: searchQuery && activePage && sort && pageSize && getData();

searchQueryがに評価されるため、現在は反応性が機能しませんfalse。

できるよ：

$: activePage && sort && pageSize && getData();
$: searchQuery, getData();

しかし、これでは getData() が2回呼び出されます。

これに対するより良いアプローチを知っている人はいますか？

4

2 に答える 2