Как соотнести индекс массива со свойством объекта?

Question

[ghost3ds]

Всем привет. На бэкэнде хранится массив с объектами

[
{
"id": 0,
"imageUrl": "https://thumb.tildacdn.com/tild3132-3935-4530-b137-396535386334/-/format/webp/amsterdam_pie_1.jpg",
"title": "Амстердамский пирог",
"sizes": [
300,
600,
900
],
"price": 295,
"category": 1,
"rating": 4
},

Подскажите пожалуйста, как соотнести свойства объекта "title", "price", "rating" с индексом массива list?

function Sort() {
  const { selectedSort, setSelectedSort } = useContext(Context);
  const [openPopup, setOpenPopup] = useState(false);
  const list = ['По популярности', 'По цене', 'По названию'];
  const onClickSort = (i) => {
    setSelectedSort(i);
    setOpenPopup(false);
  };

Это нужно для сортировки элементов на странице.



Запрос выглядит так:

fetch(
      `https://636f5291f2ed5cb047daa480.mockapi.io/items?${
        active > 0 ? `category=${active}` : ''
      }&sortBy=${selectedSort}&order=asc`,
    )

Спасибо.