Как работат метод filter в react js?

3 года назад

Andrey Moshkov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

В библиотеке React нет своего собственного метода или функции фильтрации, специально созданной для каких то задач. filter()- это функция JavaScript, которую мы можем выполнять с объектом типа массива. Поэтому задача отображения отфильтрованных элементов в React, по сути, не отличается от таковой в JS.

Рассмотрим простой пример:

// Исходный массив
const names = ['Иван', 'Мария', 'Антон', 'Михаил', 'Андрей'];

// Необходимо отобразить в компоненте только имена начинающиеся с 'М';
const showNames = () => {
  return (
    <div>
       {names.filter((name) => name.startsWith('М')).map(filteredName => (
        <li>
          {filteredName}
        </li>
      ))}
    </div>
  );
}

3 года назад

Вячеслав Межуревский

2 месяца

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

Похожие вопросы