码迷,mamicode.com
首页 > 其他好文 > 详细

[MST] Store Store in Local Storage

时间:2018-01-29 00:21:26      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:user   class   for   items   bsp   pre   base   this   change   

For an optimal user and developer experience, storing state in local storage is often a must.

In this lesson you will learn:

  • Using onSnapshot to get notified about new snapshots
  • Storing snapshots in local storage
  • Restore a state tree from local storage
  • Verifying whether a snapshot conforms to a model using Model.is(...)

 

let initialState = {
    items: [
        {
            name: "LEGO Mindstorms EV3",
            price: 349.95,
            image: "https://images-na.ssl-images-amazon.com/images/I/71CpQw%2BufNL._SL1000_.jpg"
        },
        {
            name: "Miracles - C.S. Lewis",
            price: 12.91,
            image:
                "https://images-na.ssl-images-amazon.com/images/I/51a7xaMpneL._SX329_BO1,204,203,200_.jpg"
        }
    ]
}

if (localStorage.getItem("wishlistapp")) {
    const json = JSON.parse(localStorage.getItem("wishlistapp"))
    if (WishList.is(json)) initialState = json // check whether the structure is changed or not
}

const wishList = WishList.create(initialState)

// if the snapshot changed, add to the localstorage onSnapshot(wishList, snapshot
=> { localStorage.setItem("wishlistapp", JSON.stringify(snapshot)) })

 

[MST] Store Store in Local Storage

标签:user   class   for   items   bsp   pre   base   this   change   

原文地址:https://www.cnblogs.com/Answer1215/p/8372768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!