@lexstile

Как правильно реализовать логику работы компонента?

Есть компонент - ссылка.
Саму логику выбора я описывал тут - ссылка.
1. Ставим чекбокс в checked
2. Должна остаться эта опция и те опции, где текущая указана в зависимостях (compatibleOptions)
3. Выбираем еще один чекбокс, оставляем текущие и опции, где оба чекбокса в зависимостях (AND)
4. Если хотим снять чекбок, сдвигаемся на предыдущий шаг, где в зависимостях есть только одна опция
5. Если ни один чекбокс не активен, то выводим все опции
6. Если у выбранной опции compatibleOptions === null, оставляем только ее, так как она не может быть в зависимостях нигде

listOptions будет приходить с сервера, пока внес в stub.
Вопрос в том, как правильно реализовать логику текущего компонента?
Моя логика работает криво, и я не уверен вовсе, что двигаюсь в правильном направлении.
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Вы, похоже, заново изобретаете фасетный фильтр, который есть в куче интернет-магазинов.
https://github.com/search?o=desc&q=facete+react&s=...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы