Реактивный компонент флажка: где я должен хранить изменения состояния

Question

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

Когда пользователь нажимает на опцию «Выбрать столбцы», появляется модальное окно с флажками, где пользователь может выбирать, какие столбцы отображать или скрывать.

Этот модальный вариант с флажками находится в компоненте раскрывающегося меню. Проблема в том, что я не могу понять, что является лучшим способом обработки изменений состояния. Следует ли сохранять изменения состояния обоих компонентов (компонента таблицы и компонента раскрывающегося меню)? Должен ли я использовать избыточный для этого? Я собираюсь использовать много таблиц, поэтому общее количество столбцов будет очень большим. Я действительно запутался во всем этом.

Answer 1

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

Оформить заказ этот пример кода и коробки .

Answer 2

Что ж, если вы хотите сделать свой компонент многоразового использования флажками, что вам следует сделать, тогда вам нужно будет сохранить состояние в вашем компоненте флажков и ожидать обработчик события onChange от того места, где вы хотите использовать этот компонент флажков.