React - why use spread operator [...item] when adding data to state?

Question

JavaScript

I'm learning react.
When adding data to a State, the following construction often comes across:
items = [...items, newItem]
Why is this used instead of arr.push(newItem)?

Answer 1

Because the data must be immutable (immutable). The spread operator returns a copy of the object without changing the original data.