React — зачем используют spread operator [...item] при добавлении данных в state?

Question

[bormor]

Изучаю реакт.
При добавлении данных в State часто попадается такая конструкция:
items = [...items, newItem]

Почему используют именно это вместо arr.push(newItem)?

Answer 1

[BugsCreator]

Потому что данные должны быть иммутабельны (неизменяемы). Spread оператор возвращает копию объекта, не меняя исходные данные.

Comments

[Антон Спирин]

Неправильный ответ.
Простой пример. Единственные копии которые может вернуть оператор расширения это копии примитивов.
Новый объект/массив создается вызовом литералов {} и [], а оператор расширения тут не причем.
Насчет того, что оператор расширения в react разработке часто используют для иммутабельного обновления store и state компонента верно.