Как построить сохранение состояния компонентного приложения? Представим задачу в вакууме. Имеется приложение, которое содержит следующие графические компоненты:
1) область с меню
2) список с чекбоксами
Макет представляется таким:
корневой элемент - область с меню
- внутри области (выбрав определённую вкладку) ещё одна область с под-меню
-- внутри области (выбрав определённую вкладку) 2 списка с чекбоксами, расположенные рядом
Требуется при старте приложения подать такой файл конфигурации, который сымитирует нажатие на нужную вкладку корневого меню, затем у вложенного, затем расставить чекбоксы в заданном виде. Эти действия не нужно отображать, пользователю должен сразу представиться нужный вид.
Тут непонятно, как при этом сохранить компонентную независимость. Т.е. вариант передавать часть конфигурации от верхних элементов к нижним не покатит, потому что между ними может быть вставлен промежуточный контейнер - например, один из списков будет помещён в рамку или куда-нибудь ещё.

21 Авг 2019 в 06:27
200 +1
0
Ответы
1

Для сохранения состояния компонентного приложения, можно воспользоваться техникой управления состоянием, например, Redux или Mobx.

В данной задаче, можно сохранить состояние выбранных вкладок для меню и под-меню, а также состояние чекбоксов. При старте приложения, можно загрузить конфигурацию с помощью этих сохраненных состояний.

Для достижения компонентной независимости, можно использовать контекст в React. Контекст позволяет передавать данные через дерево компонентов без необходимости передачи пропс через каждый компонент. Таким образом, можно сохранить и передавать состояние между компонентами, в том числе и между промежуточными контейнерами.

Таким образом, приложение может самостоятельно загружать конфигурацию и управлять своим состоянием, при этом сохраняя компонентную независимость благодаря использованию контекста и управлению состоянием.

20 Апр в 13:18
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Название заказа не должно быть пустым
Введите email
Бесплатные доработки
Гарантированные бесплатные доработки
Быстрое выполнение
Быстрое выполнение от 2 часов
Проверка работы
Проверка работы на плагиат
Интересные статьи из справочника
Поможем написать учебную работу
Название заказа не должно быть пустым
Введите email
Доверьте свою работу экспертам
Разместите заказ
Наша система отправит ваш заказ на оценку 84 654 авторам
Первые отклики появятся уже в течение 10 минут
Прямой эфир