[BUG]セッションストレージにデータを保持してリクエスト回数を減らしたい about susan-next

[sueCalystegia00]

88bf971

ストレージから取得

const sessionQuestionsData = sessionStorage.getItem(STORAGE_KEY_QUESTIONS); // セッションストレージから質疑応答情報を取得
const [questions, setQuestions] = useState<Questions>(
    sessionQuestionsData ? JSON.parse(sessionQuestionsData) : {} // セッションストレージに質疑応答情報があればそれを利用，なければ空オブジェクトを利用
);

ストレージに追加

const getQuestionsDataHandler = async () => {
    await axios.get(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/v2/questions/list`, {
        params: { startIndex: startIndex },
    })
    .then((response: AxiosResponse<Questions>) => {
        const { data } = response;
+	// セッションストレージに保存
+	sessionStorage.setItem(
+	    STORAGE_KEY_QUESTIONS,
+	    JSON.stringify({ ...questions, ...data })
+	);
	setQuestions({ ...questions, ...data }); // stateを更新
	Object.keys(data).length < 30 && setIsHasMore(false); //取得数が30件未満なら追加取得できないことを示す
    })
    .catch((error: AxiosError) => {
        alert("サーバーでエラーが発生しました．");
	console.error(error);
    });
};