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

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

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

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

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