私が作成したこの REPL の例に基づいています。次のような 2 つの洗練されたカスタム ストアを作成しました。
<script>
import { writable } from "svelte/store";
var store1;
const {subscribe:subscribe_store1, set:set_store1, update:update_store1} = writable(store1)
const Store1 = {
subscribe:subscribe_store1,
customfunction1:CustomFunction1
}
function CustomFunction1(str){set_store1(str)}
var store2;
const {subscribe:subscribe_store2, set:set_store2, update:update_store2} = writable(store1)
const Store2 = {
subscribe:subscribe_store2,
customfunction2:CustomFunction2
}
function CustomFunction2(str){set_store2(str)}
Store1.customfunction1("is 1!")
Store2.customfunction2("is 2!")
</script>
<h1>Store1 : {$Store1}</h1>
<h2>Store2 : {$Store2}</h2>
Store1 で $Store2 の値にアクセスするにはどうすればよいですか? この解決策しか見つかりませんでしたが、get
常に関数をインポートして呼び出す必要があるのはちょっと面倒です
編集:そして、それは反応的ではありません...
import {writable, get} from "svelte/store"
...
const Store2 = {
subscribe:subscribe_store2,
Store1:Store1,
customfunction2:CustomFunction2
}
...
<h3>{get({Store2.Store1)}</h3>
もっと良い方法があれば、それを採用します。
編集:何かが機能している場合、私は間違いなくそれを取ります。