0

私が作成したこの 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>

もっと良い方法があれば、それを採用します。

編集:何かが機能している場合、私は間違いなくそれを取ります。

4

1 に答える 1