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

Question

[lexstile]

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

listOptions будет приходить с сервера, пока внес в stub.
Вопрос в том, как правильно реализовать логику текущего компонента?
Моя логика работает криво, и я не уверен вовсе, что двигаюсь в правильном направлении.

Answer 1

[Stalker_RED]

Вы, похоже, заново изобретаете фасетный фильтр, который есть в куче интернет-магазинов.
https://github.com/search?o=desc&q=facete+react&s=...