ここでは、昨日のコンテンツを続行し、ローカルストレージのステータスを完了して、コレクションを実現します。次にクリックしても、コレクションのステータスのままになります。
まず、これは指定されたキーにデータを保存することを意味します。ここでは、このメソッドは非同期APIです。
最初に考えてみましょう：
1。このことに必要なもの：キー、データ、成功
このデータは、保存した状態です。つまり、isCollected：false in data
このようにして状態を保存することができますが、このように各ページはこの状態にあり、1対1の対応はありません2
。そこで、この考え方を変更して{1：true}に変更しました。クリックしてこのインターフェースに入る添え字を取得できるため、前回の記事で取得し、このフォームで実現しましたが、この結果、Everyインターフェイスに入ると、1つのインターフェイスの状態のみが保存されます。これは{1：true、2：false}のように実行できないため、解決策
3を考えてください。これを使用してローカルデータを読み取ります
。データは次の値を返すため、これに基づいてデータを保存し続けることができます。obj[index]のインデックスが '1の場合、{1：true、2：false}を実現します。 '、既存のものと複製します。心配しないでください。上書きされるので、この方法は便利です。
現時点では、これを保存して最終的なコードを完成させて
から、インターフェースを更新します。ユーザーに表示される、それで私たちはオンロードライフサイクルで書くことを選びます、あなたはどう思いますか？
まず第一に、あなたはローカルを読むべきです、もしあれば、それは本当ですか、それとも間違っていますか？
ここでは、同期方法を使用します。
これが出力結果です
。trueの場合は次のようになり、そうでない場合はfalseの
場合は問題ありません。イニシャルがfalseであるため、終了したと思いますか、はい、終了していません。┭┮﹏┭┮、
クリアします。データは最初から始めますが、問題
が発生していることがわかります。直接読んでみましょう。最初のエントリに「収集済み」はありますか？いいえ。読み取れない場合は問題が発生します。最初にアクセスして初期化するときに、値が{}のisCollectedと空のオブジェクトがあることを確認する必要がある
ため、負荷の判断。isCollectedのキーがない場合は、保存します。同期方法はこれ
で完了です。