rshruslan

Пишите кастомные хуки, организуйте логику в них. У вас есть useSelector и useDispatch в редаксе.

Хуки позволяют делать ровно то же самое, что позволяют делать хоки, но более компактно и без порождения лишних компонентов-обёрток.

Группируем и уникализируем данные:

const groupedAndUnique = Object.entries(arr.reduce((acc, n) => {
  (acc[n.category] = acc[n.category] ?? new Set).add(n.type);
  return acc;
}, {}));

Затем собираем html:

document.body.insertAdjacentHTML('beforeend', `
  <ul>${groupedAndUnique.map(([ k, v ]) => `
    <li>
      ${k}
      <ul>${Array.from(v, n => `
        <li>${n}</li>`).join('')}
      </ul>
    </li>`).join('')}
  </ul>`
);

Или, создаём элементы напрямую:

const ul = document.createElement('ul');

ul.append(...groupedAndUnique.map(([ header, items ]) => {
  const li = document.createElement('li');
  li.append(header, document.createElement('ul'));

  for (const n of items) {
    li.lastChild.append(document.createElement('li'));
    li.lastChild.lastChild.textContent = n;
  }

  return li;
}));

document.body.append(ul);

Наследуетесь от abstract Api и в свойство public $apiName; вписываете cars
Далее нужно будет разрулить роутинг. у вас все запросы идут на index.php
В index.php должен быть роутер, который в зависимости от переданных параметров будет вызывать нужный код
для простоты это будет
Загляните в суперглобальный массив $_GET и посмотрите, куда приходит users
По этому свойству делаете if или switch и вызываете нужные вам классы с апи

echo '<pre>';
var_dump($var);
echo '</pre>';

И таки да, это print_r :)

Вот статья из википедии
https://ru.wikipedia.org/wiki/%D0%A5%D1%80%D0%BE%D...