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

Question

[DanceMonkeyTime]

Есть у меня компоненты фильтров -> priceFilter, colorFilter

Каждый из низ имеет разные контент. Мне нужно задать какие значение выбраны и отобразить их внизу. Один из компонентов multiple selection, другой single selection.

Выбрал я такую структуру state:

{
  {
    id: 'refinementColor', // id самого фильтра
    value: [] // есть single selection то тут ""
   }
}

Ну и при каждом селекте добавлять в state ключ - значение:

{
  {
    id: 'refinementColor', // id самого фильтра
    value: [] // есть single selection то тут ""
   }
}

Клик по price:

{
  {
    id: 'refinementColor',
    value: []
   },
  {
    id: "price",
    value: "900$ - 200$"
  }
}

CodeSandbox - https://codesandbox.io/s/stoic-bhaskara-o4ntp?file...

Правильно ли я выбрал структуру и как мне правильно обновлять значения?

Answer 1

[0xD34F]

https://codesandbox.io/s/suspicious-glitter-jrzbv?...

Comments

[DanceMonkeyTime]

@0xD34F
Прошу извенения, но:
А как задать id??

{
    id: 'refinementColor',
    value: []
   },

Мне оно нужно обязательно, т.к потом буду делать selectedValues[id]

[0xD34F]

DanceMonkeyTime, если вы думаете, что хорошо объяснили, чего вам надо... Нет, это не так.