Работаем с массивами в качестве состояния с использованием useState

В прошлом видео рассказал про методы, которые мутируют массив и какие существуют альтернативы. В этом видео рассмотрю несколько примеров, которые на 80% закроют ваши потребности при работе с массивом в качестве состояния.

Конспект:
— Вы можете помещать массивы в состояние, но не должны их мутировать.
— Вместо того чтобы мутировать массив, создайте его новую версию и обновите состояние, передав её в качестве аргумента.
— Для создания массивов с новыми элементами можно использовать spread синтаксис [...arr, newItem].
— Для создания новых массивов с отфильтрованными или преобразованными элементами можно использовать функции filter() и map().
— Для сохранения краткости кода можно использовать Immer.

Документация: https://react.dev/learn/updating-arra...
Код из урока: https://github.com/becasualle/devsurg...

Подпишитесь, чтобы не пропустить выход новых видео. Ставьте лайк, чтобы поддержать канал.

Мои статьи по веб-разработке доступны на devsurge.ru.