Local Storage

Question

How to create my local storage of Guest items

mk37 · Answer

I would recommend treehouse Using Local Storage with JavaScript (https://teamtreehouse.com/library/using-local-storage-with-javascript) tutorial, a nice kit to have in your arsenal.

Bobby Verlaan · Answer

Here some code that needs to go in the App component (in App.js) that will save your state in localStorage
```JavaScript
  componentWillMount() {
    // Retrieve state from local storage
    const data = localStorage.getItem("state");
// Parse JSON to JavaScript object
const state = JSON.parse(data);

// Set state to the retrieved JavaScript object
this.setState(state);
  }
  componentDidMount() {
    // Add event listener that will execute code before page refresh
    window.addEventListener("beforeunload", () => {
      // Stringify the state object, so it can be saved as a text value
      const data = JSON.stringify(this.state);
  // Set localStorage item
  localStorage.setItem("state", data);
});
  }
```
Make sure you change your newGuestId method and work with state too, so you keep incrementing your GuestId count after page refresh :-)

Welcome to the Treehouse Community

Looking to learn something new?

Sagar Sethi

Sagar Sethi

Local Storage

2 Answers

mk37

mk37

Bobby Verlaan

Bobby Verlaan