Реактивность данных в React

В React мы будем хранить наши данные в различных структурах: в массивах, в объектах, в массивах объектов. Эти структуры в React обладают реактивностью. React реактивно реагирует на все изменения данных: на добавление, удаление, изменение элементов, а также на изменение их порядка.

При этом правилами React запрещено изменять данные массивов и объектов из стейта. Нужно делать копию данных, изменять их и записывать обратно в стейт. Это значит, что наши данные должны быть иммутабельными. Читайте про иммутабельность массивов, объектов и массивов объектов в соответствующем разделе учебника JavaScript.

Задание 1

Расскажите, как правильно иммутабельно добавлять элементы в массив.

Задание 2

Расскажите, как правильно изменять элементы в массиве.

Задание 3

Расскажите, как правильно удалять элементы из массива.

Задание 4

Расскажите, как правильно иммутабельно добавлять элементы в массив объектов.

Задание 5

Расскажите, как правильно изменять элементы в массиве объектов.

Задание 6

Расскажите, как правильно удалять элементы из массива объектов.