0

Помогите разобраться с фильтрацией по полям в ReactJs. введите сюда описание изображения

Изначально я пытался просто привести их все к нижнему регистру, но ведь это не работает для чисел и полей в которых есть смешанный тип данных. Использовал Lodash. Делал вот так

var result = data.filter((item) => {
  return 
   item["id"].toLowerCase().includes(search.toLowerCase()) ||
   item["status"].toLowerCase().includes(search.toLowerCase()) ||
   item["token"].toLowerCase().includes(search.toLowerCase()) ||
   item["currency"].toLowerCase().includes(search.toLowerCase()) ||
   item["redirect_success_url"].toLowerCase().includes(search.toLowerCase()) ||
   item["redirect_fail_url"].toLowerCase().includes(search.toLowerCase()) ||
   item["amount"].toLowerCase().includes(search.toLowerCase()) ||
   item["created_at"].toLowerCase().includes(search.toLowerCase()) ||
   item["updated_at"].toLowerCase().includes(search.toLowerCase()) ||
   item["extra_return_param"].toLowerCase().includes(search.toLowerCase()) ||
   item["extra_return_param"].toLowerCase().includes(search.toLowerCase()) ||
   item["operation_type"].toLowerCase().includes(search.toLowerCase()) ||
   item["order_number"].toLowerCase().includes(search.toLowerCase()) ||
   item["card_masked_number"].toLowerCase().includes(search.toLowerCase()) ||
   item["uid"].toLowerCase().includes(search.toLowerCase())
});

if (!result.length) {
  result = this.state.data;
}
return result;

}

Варианты с Number() и parseInt() не принесли результата, извините за мой вопрос, я впервые использую React и с JS я только знакомлюсь.

12
  • Не мучайте себя. Начните с малого. Одно поле, фильтр, поиск, отображение, затем второе комбинации, тип и т.д. 20 дек 2020 в 10:53
  • Вот например так тоже не работает return item["id"].includes(search);
    – b3Nky
    20 дек 2020 в 17:54
  • Попробуйте тогда такую функцию w3schools.com/JSREF/jsref_search.asp 20 дек 2020 в 18:01
  • И что вы передали в search и какие значение в id 20 дек 2020 в 18:02
  • Вот, попробовал с строкой. return item["status"].toLowerCase().includes(search.toLowerCase()); это поле - строка, как на скрине что я прикрепил выше видно, что в нем есть пока что только один вариант - approved. Если я не ошибаюсь search работает по всему документу const { data, search } = this.state; В этом случае ничего не происходит но и ошибки о том что .includes не является функцией нет.
    – b3Nky
    20 дек 2020 в 18:22

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Посмотрите другие вопросы с метками или задайте свой вопрос.