Categories
JavaScript Answers

How to initialize and using session storage in React and JavaScript?

Spread the love

Sometimes, we want to initialize and using session storage in React and JavaScript.

In this article, we’ll look at how to initialize and using session storage in React and JavaScript.

How to initialize and using session storage in React and JavaScript?

To initialize and using session storage in React and JavaScript, we can call the sessionStorage methods.

For instance, we write:

import React from "react";

export default function App() {
  React.useEffect(() => {
    sessionStorage.setItem("key", "value");
    console.log(sessionStorage.getItem("key"));
  }, []);

  return <></>;
}

to call sessionStorage.setItem with the key and value of the entry we want to store in session storage respectively.

Then we call sesessionStorage.getItem with the key to get the entry with the given key.

Conclusion

To initialize and using session storage in React and JavaScript, we can call the sessionStorage methods.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *