I want to Store Data in React

Question

I want to Store Data in React so Data will show even if the page is refreshed I have some inputs and I have saved their value in the state using useState but now I want that the data will show even if the page is refreshed

PrasadM96 · Accepted Answer · 2020-10-18 05:00:57Z

1

One way of solving this is to use your browser's local storage to store data and get them when the component is rerendering inside the componentDidMount.

This is how to store data in localstorage.

handleFormSubmit = () => {
  const { user, rememberMe } = this.state;
  localStorage.setItem('rememberMe', rememberMe);
  localStorage.setItem('user', rememberMe ? user : '');
};

This is how to retrieve them.

componentDidMount() {
  const rememberMe = localStorage.getItem('rememberMe') === 'true';
  const user = rememberMe ? localStorage.getItem('user') : '';
  this.setState({ user, rememberMe });
}

For further details refer https://programmingwithmosh.com/react/localstorage-react/.

answered Oct 18, 2020 at 5:00

PrasadM96

5912 gold badges7 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

I want to Store Data in React

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related