Как правильно спроектировать react приложение ( см. детали )?

Question

[Vanya Huk]

Есть такой селект с optiongroup

в котором можно выбрать как 1 селект так и целую группу.

после клика по селекту его значение попадает в массив
models : []

но как поступить с целой группой?

вот структура массива, который в select

[
    {
      value: 495,
      label: '1 Series',
      children: [
        {
          value: 10920,
          label: '116'
        },
        {
          value: 10921,
          label: '118'
        },
        {
          value: 10922,
          label: '120'
        },
        {
          value: 10923,
          label: '125'
        },
        {
          value: 10924,
          label: '135'
        }
      ]
    },
    {
      value: 10925,
      label: '1 Series М'
    }
]

нужно как то взять все значения childrens, когда выбрана целая группа, и только значение value, когда выбран только 1 елемент и запихнуть в массив models, но еще нужно учесть тот факт, что select будет клонироваться и для других марок авто

Comments

[Антон Спирин]

Все зависит от того в каком виде вы получаете данные о выбранной группе от компонента.

Answer 1

[Александр]

Псевдокод. Думаю, идею вы поняли.

onclick(item)
{
 if(item.children != null)
     {
     foreach(ch_item in item.children)
          {
          add_to_selected(ch_item)
          }
     } else
     {
     add_to_selected(item)
     }
}

Comments

[Vanya Huk]

Александр: как добавить - вопросов нет)
но есть еще ряд задач)
значение селекта можно сбросить)

[Александр]

Vanya Huk,

значение селекта можно сбросить)

А разница?