254 читали · 1 год назад
Как сохранить фильтры и страницу при переходе между страницами на примере React + Ant design
Для сохранения состояния компонента между переходами и обновлениями страницы можно использовать различные подходы. В React есть несколько способов реализации этой функциональности, но одним из наиболее распространенных подходов является использование React Context. Для сохранения состояния фильтров и текущей страницы таблицы Ant Design мы можем создать контекст с помощью функции createContext из библиотеки React. Затем мы можем использовать Provider, чтобы предоставить доступ к этому контексту для всех компонентов, которым это необходимо. В качестве примера рассмотрим следующий код: import React,...
326 читали · 3 года назад
5 Методов сохранения состояния в промежутках между перезагрузками страниц в React
Источник: Nuances of Programming 1. LocalStorage  —  классовые компоненты Один из простых вариантов для сохранения состояния  —  использовать localStorage в браузере. Рассмотрим пример: В этом компоненте с состоянием имеется count. Теперь предположим, что нам надо при перезагрузке страницы сохранить значение этого счетчика count. Для этого просто задействуем localStorage: Теперь при задействовании localStorage в компоненте с состоянием значение этого состояния сохраняется, когда вызывается метод setState...