Почему один запрос работает, а другой нет?

Сергей Соловьев,

[2024-01-17 18:09:07] [22P02] ERROR: malformed array literal: "ids"
[2024-01-17 18:09:07] Detail: Array value must start with "{" or dimension information.

Почему один запрос работает, а другой нет?

Сергей Соловьев,

{
"niches": {"ids": [13, 7], "inverted": false},
"statuses": {"ids": ["оплачено"], "inverted": false}
}

Почему один запрос работает, а другой нет?

Akina, я попробовал сделать запрос, изменив тип данных в запросе, ошибка выше.

Почему один запрос работает, а другой нет?

Сергей Соловьев,

Ошибка:

[2024-01-17 17:44:52] [42883] ERROR: operator does not exist: jsonb ?| integer[]
[2024-01-17 17:44:52] Hint: No operator matches the given name and argument types. You might need to add explicit type casts.

Почему один запрос работает, а другой нет?

Хм, просто в БД такие записи есть:

Почему нарушается последовательность вывода записей из списка при рендере?

Егор Живагин, порешал. Было:

Object.entries(dropMysteryBoxes.editable).map(([key, value]) => { ... }

Стало:

Object.entries(dropMysteryBoxes.editable).sort().map(([key, value]) => { ... }

Почему нарушается последовательность вывода записей из списка при рендере?

Егор Живагин, окей, допустим. Но когда выполняется этот код, то изменения я вижу - убирается инпут, добавляется новое значение в таблицу. И когда я нажимаю на Сохранить, то выполняется этот код:

const onSave = useCallback(() => {
  setPending(true);
  setEdit(false);

  API.update(dropMysteryBoxes.editable)
    .then(({ data }) => {
      setDropMysteryBoxes({
        editable: data,
        saved: data,
      });
    })
    .catch(onError)
    .finally(() => setPending(false));
}, [dropMysteryBoxes]);

И тогда порядок ломается.

Почему нарушается последовательность вывода записей из списка при рендере?

Смотреть, как у вас заполняется dropMysteryBoxes.editable[somekey]. value . Может вам их бэк не в том порядке возвращает?

Не, порядок правильный

Вообще, в объектах не гарантированный порядок ключей, возможно придётся добавить сортировку после Object.entries

Просто есть похожие места. Там всё ок. В одном случае нет отправки на бэк, в другом - в объекте записей больше, он глубоковложенный.

Как пофиксить ошибку Uncaught RangeError: Maximum call stack size exceeded если мне нужно выполнить функцию N раз?

Alexandroppolus, ага, спасибо.

Ну, на 12к операциях ещё нормально работает, даже вкладка не падает. Хотя внутри запускаемой функции и Object.entries, и forEach, и push

Как пофиксить ошибку Uncaught RangeError: Maximum call stack size exceeded если мне нужно выполнить функцию N раз?

+стек

Вот тут я не понял

Стоит такие вещи выносить в сервис воркер, мб это позволит оптимизировать такие вещи?

Почему мой профиль ищеться по странным ключевым словам?

Да, я понимаю. Но если в поиск начать вводить "front", то можно увидеть такие ключи, как: "front end developer", "frontend developer", "react" (у меня в профиле он указан). Больше похоже, как будь-то какой-то неумёха искал и вбил первое, что пришло в голову.

Как я могу импортировать интерфейс для пропсов во Vue 3 из внешнего файла?

Андрей, о, наконец-то. Было бы здорово

Как я могу импортировать интерфейс для пропсов во Vue 3 из внешнего файла?

Да, я это действительно не видел. Все настолько плохо, что без сторонней либы никак?

Стоит ли придерживаться всех правил Eslint в Vue?

Вадим, ага, понял. Спасибо

Стоит ли придерживаться всех правил Eslint в Vue?

Вадим,

В последнее время занимаюсь разработкой на vue

А у ваших копыт как делают, придерживаются правил дефолтного Eslint-а?)))

Стоит ли придерживаться всех правил Eslint в Vue?

Антон Антон,

Например если потом появится ArticleHeader - значит мы промахнулись ))

лол, мы так внутренние компоненты на работе называем. Типа есть компонент Article, а внутри него дочерний компонент ArticleHeader xD

Но у нас Реакт

Стоит ли придерживаться всех правил Eslint в Vue?

Вадим, ну, наверно, есть же устоявшиеся правила. Вот они меня и интересуют

Стоит ли придерживаться всех правил Eslint в Vue?

А для автоисправляемых правил типа singleline-html-element-content-newline я вообще не понимаю, в чем проблема

На работе работаю с React, дома с Vue. Хотелось бы писать в одном стили такие вещи (но это не принципиально). Я даже компоненты пишу как в React: , вместо <component />

я бы ничего не выключал, даже multi-word-component-names. При этом всегда можно изменить имена на TheHeader

А это нормальная практика писать через "The"? Как вообще, как правило, обзывают компоненты а-ля Articles, Header и т.д.?

Как прописать типы данних для value при переборе массива?

Александр, ага, понял. А есть возможность прям жестко указать, что может залететь в ключи, например я хочу указать, что key у меня будет только 'red' | 'blue' | 'green', а не просто string?

Как прописать типы данних для value при переборе массива?

Я знаю, спасибо. Просто мне тогда придётся юзать any в своей логике, поэтому я бы хотел найти вариант указать ключам типы.