Из массива объектов
let prices = [
{
"id": 217,
"name": "Автоаксессуары",
"category": true
},
{
"id": 2043,
"name": "Услуги",
"category": true
},
{
"id": 2,
"name": "Девайсы",
"category": true,
"categoryId": 217
},
{
"id": 26,
"name": "Брелки",
"category": true,
"categoryId": 217
},
{
"id": 4,
"name": "Наушники",
"category": true,
"categoryId": 2
},
{
"id": 3,
"name": "Кабели, зарядки",
"category": true,
"categoryId": 2
},
{
"id": 8,
"name": "Кабель USB iPhone 5 HOCO в ассортименте",
"category": false,
"categoryId": 3
}]
categoryId - номер категории родителя, category - является ли объект категорией
В React компоненте надо отрендерить такой список:
<ul>
<li>Автоаксессуары
<ul>
<li>Девайсы
<ul>
<li>Наушники</li>
<li>Кабели, зарядки
<ul>
<li>Кабель USB iPhone 5 HOCO</li>
</ul>
</li>
</ul>
</li>
<li>Брелки</li>
</ul>
</li>
<li>Услуги</li>
</ul>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Мне нужно сделать шапку, как на этом шаблоне: http://demohashthemes
Есть простая реализация, но дело в том что нужно чтобы блок начал фиксацию чуть раньше, не от верха окна браузера а допустим на 50px от него
елементы которые изначально были добавлены в список удаляються без проблем, но элементы которые после выбора(клик по нужной панели) идут...