Reatividade de Dados em React

Em React, armazenaremos nossos dados em várias estruturas: em arrays, em objetos, em arrays de objetos. Essas estruturas em React possuem reatividade. React reage de forma reativa a todas as mudanças nos dados: à adição, remoção, alteração de elementos, bem como à mudança de sua ordem.

No entanto, pelas regras do React, é proibido alterar os dados de arrays e objetos do estado. É necessário fazer uma cópia dos dados, alterá-los e gravá-los de volta no estado. Isso significa que nossos dados devem ser imutáveis. Leia sobre imutabilidade de arrays, objetos e arrays de objetos na seção correspondente do livro JavaScript.