Как работат метод filter в react js? — Q&A Хекслет
2026-02-26 17:09 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-rabotat-metod-filter-v-react-js

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

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

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