Подскажите пожалуйста, очищаю sessionStorage после перехода на другую страницу useEffect(() =>

Question

Подскажите пожалуйста, очищаю sessionStorage после перехода на другую страницу useEffect(() =>

{
window.onbeforeunload = () => {
sessionStorage.clear();
};
}, []);
но оно также очищает если перезагрузить страницу, пробовал и через window.onpagehide
как сделать чтобы очищало только при переходе на другую страницу, а после перезагрузки данные оставались?
спасибо

#frontend #javascript #programming #react.js #russian

0

10.08.2023

10 ответов

23 просмотра

Eugene Stepanyuk Автор вопроса

Denis Deniskov
Обновление страницы это тоже самое что закрыть стр...

тоесть localStorage в таком случае использовать?

0

10.08.2023

Eugene Stepanyuk Автор вопроса

Denis Deniskov
Обновление страницы это тоже самое что закрыть стр...

хотя если я уберу этот useEffect, то данные остаются в sessionStorage после перезагрузки

0

10.08.2023

Denis Deniskov

Eugene Stepanyuk
тоесть localStorage в таком случае использовать?

Ну по идее можно и sessionStorage, он привязывается ко вкладке и при обновлении страницы не должен сбрасываться

0

10.08.2023

Denis Deniskov

Eugene Stepanyuk
хотя если я уберу этот useEffect, то данные остают...

Ты бы лучше сказал что ты пытаешься сделать и зачем, зачем тебе вообще отслеживать обновление страницы

0

10.08.2023

Eugene Stepanyuk Автор вопроса

Denis Deniskov
Ты бы лучше сказал что ты пытаешься сделать и заче...

я храню в sessionStorage индекс выделенной строки и ее данные из таблицы, чтобы после перезагрузки страницы строка оставалась выделенной и данные все еще были получены, иначе все сбрасывается после перезагрузки, но когда перехожу на другую страницу, хочу очищать хранилище

0

10.08.2023

Denis Deniskov

Eugene Stepanyuk
я храню в sessionStorage индекс выделенной строки ...

А откуда ты эту строку берешь изначально?

0

10.08.2023

Eugene Stepanyuk Автор вопроса

Denis Deniskov
А откуда ты эту строку берешь изначально?

const [rowData, setRowData] = useState<DataType | undefined>( JSON.parse(sessionStorage.getItem("row_data") || "{}") ); const [selectedRow, setSelectedRow] = useState<number | undefined>( Number(sessionStorage.getItem("selected_row")) || undefined ); const onClickRow = (record: any) => { setRowData(record); sessionStorage.setItem("row_data", JSON.stringify(record)); }; <Table columns={useTableColumns} dataSource={dataTable} onRow={(record, index) => ({ onClick: () => { onClickRow(record); if (index !== undefined) { const pageSize = 10; const rowIndex = (currentPage - 1) * pageSize + (index as number); setSelectedRow(rowIndex); sessionStorage.setItem("selected_row", index.toString()); } }, })} rowClassName={(_record, index) => { const pageSize = 10; const currentPageIndex = (currentPage - 1) * pageSize + index; return currentPageIndex === selectedRow ? styles["selected-row"] : ""; }} />

0

10.08.2023

Denis Deniskov

Eugene Stepanyuk
const [rowData, setRowData] = useState<DataType | ...

Ну ты например можешь сделать useEffect, в нем запоминать текуший урл страницы, и проверять его, если он не совпадает, то чистить сторадж например useEffect(()=>{ const url = sessionStorage.getItem('url') sessionStorage.setItem('url', текущий урл) if(url && url !== текущий_урл ){ sessionStorage.removeItem('selected_row') } } Примерно так

0

10.08.2023

Eugene Stepanyuk Автор вопроса

Denis Deniskov
Ну ты например можешь сделать useEffect, в нем зап...

спасибо, так работает)

0

10.08.2023

Denis Deniskov · Accepted Answer

Denis Deniskov

Обновление страницы это тоже самое что закрыть страницу и потом открыть туже самую страницу.

0

10.08.2023

169 похожих чатов

Подскажите пожалуйста, очищаю sessionStorage после перехода на другую страницу useEffect(() =>

10 ответов

Похожие вопросы