Используйте Array.filter() для динамического фильтра массива
Метод массива map
- это мощный инструмент, который вы часто будете использовать при работе с React. Другой метод, связанный с массивами
- это filter
, который фильтрует содержимое массива на основе условия, а затем возвращает новый массив. Например, если у вас есть массив пользователей, у всех есть свойство online
которое может быть установлено как true
или false
, вы можете фильтровать только тех пользователей, которые находятся в сети, написав: const onlineUsers = users.filter(user => user.online);
В редакторе кода, MyComponent
state
инициализируется массив пользователей. Некоторые пользователи подключены к сети, а некоторые нет. Отфильтруйте массив, чтобы вы видели только пользователей, которые находятся в сети. Для этого сначала используйте filter
чтобы вернуть новый массив, содержащий только пользователей, чье свойство online
равно true
. Затем в переменной renderOnline
сопоставьте фильтрованный массив и верните элемент li
для каждого пользователя, который содержит текст своего username
. Обязательно включите и уникальный key
, как в прошлой задаче.