Вложенный список [React]

359
25 марта 2017, 01:17

Из массива объектов

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 компоненте надо отрендерить такой список:

  • Автоаксессуары
    • Девайсы
      • Наушники
      • Кабели, зарядки
        • Кабель USB iPhone 5 HOCO
    • Брелки
  • Услуги
<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>
READ ALSO
Как добавить класс в тег хтмл при скроле? [требует правки]

Как добавить класс в тег хтмл при скроле? [требует правки]

Мне нужно сделать шапку, как на этом шаблоне: http://demohashthemes

240
Фиксированный блок

Фиксированный блок

Есть простая реализация, но дело в том что нужно чтобы блок начал фиксацию чуть раньше, не от верха окна браузера а допустим на 50px от него

222
новые добавленые елементы в список не удаляються

новые добавленые елементы в список не удаляються

елементы которые изначально были добавлены в список удаляються без проблем, но элементы которые после выбора(клик по нужной панели) идут...

214