LWCでsessionStorageを使用する

sessionStorageの詳しい説明はこちら。

セッションストレージを使用することで、URLパラメータを使用せずに遷移先のページに値を受け渡すことができます。入力データの一時保存にも使用できます。

セッションストレージにデータを保存する

sessionStorage.setItem("key", "value");を使用します。

import { LightningElement } from 'lwc';
import { NavigationMixin } from 'lightning/navigation';

export default class SampleSetSessionStorage extends NavigationMixin(LightningElement) {
    handleClick() {
        sessionStorage.setItem("sample", JSON.stringify({ message: "サンプルテキスト", timestamp: new Date().toISOString() }));
        
        this[NavigationMixin.Navigate]({
            type: "comm__namedPage",
            attributes: {
                name: "Page2__c",
            },
        });
    }
}

保存した値はブラウザの開発者ツールから確認できます。

セッションストレージからデータを取り出す

let data = sessionStorage.getItem("key");でデータを取得します。
sessionStorage.removeItem("key");でデータを削除します。

import { LightningElement } from 'lwc';

export default class SampleGetSessionStorage extends LightningElement {
    data;

    connectedCallback() {
        const item = sessionStorage.getItem("sample");
        if (item) {
            this.data = JSON.parse(item);
            sessionStorage.removeItem("sample");
        }
    }
}

参考

• Window: sessionStorage プロパティ - Web API | MDN