Как в реакте при поиске выводить надпись нет результатов?

Question

[NOUDEN]

Сделал поисковик по одному параметру на странице, как мне вывести нет результатов, если по поиску не найдено нужной записи. Сами записи вывожу через функцию filter и map, туда кидаю массив, в котором содержаться данные с сервера
Поиск делаю через хук UseSearchParams

Answer 1

[Алексей Уколов]

Как я полагаю, у вас сейчас код выглядит так:
return arr.filter(...).map(...)

Разделите этапы "фильтрую" и "вывожу результаты" и вставьте между ними условие пустоты. Что ж тут сложного?

Comments

[NOUDEN]

а как лучше это сделать? попытался разделить, но выводить ошибки

[NOUDEN]

выглядит сейчас так arr.filter(arr=>arr.name_plan.includes(postQuery)).map(arr=>(

[NOUDEN]

arr.filter(arr=>arr.name_plan.includes(postQuery)==true?setShowMe(true):setShowMe(false)).map(arr=>(

делаю так, тоже не выводит ничего

[Алексей Уколов]

Ну так а где вы разделили-то? Вы код пишете или магические заклинания? Надо ведь уметь читать и понимать собственный код.

var x = arr.filter();

if (x.length === 0) {
  return ...;
}

return x.map()

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

На такой комментарий ничего, кроме "попытайтесь разделить так, чтобы не выводились ошибки", ответить нельзя, вы это понимаете?

[NOUDEN]

Алексей Уколов, а этот код можно подстроить, если у меня фильтрация и map идут внутри ретурна компонента?

[Алексей Уколов]

Нельзя*, конечно, я же вам об этом сразу написал.

*технически можно через reduce, но это будет говнокод ради говнокода.

[NOUDEN]

Алексей Уколов, то есть поиск лучше реализовать не через поиск по странице, а через базу данных и сделать состояние , которые при поиске будет скрывать map и фильтрацию, и выводить данные из базы

[Алексей Уколов]

Написанное вами никак не следует из написанного мной. В чём проблема-то сделать так, как я выше показал?

[NOUDEN]

Алексей Уколов, если я сделаю поиск по кнопке и фильтрацию сделаю в функции кнопки, так будет работать? в плане через return передать отрисовку еще можно будет?

[Алексей Уколов]

Я не понимаю вопрос. Выше есть пример кода. У вас есть готовый код, в котором есть отрисовка и фильтрация. Что конкретно вам мешает их совместить? У вас есть какие-то конкретные вопросы с примерами кода?

[NOUDEN]

Алексей Уколов, сделал вывод данных через БД, вывод запускается по кнопке. Такой поиск не будет сильно грузить приложение, нежели поиск, который ищет по массиву, который изначально загружается в переменную?