ReactJS e immutability

Question

Ho imparato ReactJS per un po 'di tempo. Una delle cose che mi lascia perplesso è il motivo per cui ReactJS utilizza l'immutabilità in molti aspetti come oggetti di scena, elementi, ecc. Esiste una ragione specifica per questo? Qual è la filosofia alla base di questo?

Quando provo ad aggiungere una nuova proprietà a props, viene visualizzato l'errore seguente.

TypeError Uncaught: Impossibile aggiungere proprietà di me, oggetto non è estensibile

Answer 1

React utilizza l'immutabilità per ovvi motivi di prestazioni. Per esempio

idea è ogni volta che si sta impostando uno stato, voi non mutare uno stato, ma si clonare una parte di esso e quindi aggiornare lo stato

Per esempio

this.state = { 
entries: [1,2,3] 
} 

si dovrebbe fare

this.state.setState({ 
entries: this.state.entries.slice().push(9); //not this.state.entries.push(9) 
}) 

guadagni di prestazioni si ottengono quando si utilizza shouldComponentUpdate

in shouldComponentUpdate si può semplicemente confrontare i riferimenti e non a causa profonda verifica

shouldComponentUpdate(prevState,newState){ 
    return prevState.entries != newState.entries 

} 

Answer 2

La filosofia alla base di questo flusso di dati è un modo - flussi di dati verso il basso (dal livello superiore ai componenti foglia) e le azioni portate fino.

Un componente riceve i dati dagli oggetti di scena, e per cambiare qualcosa, deve chiamare il suo genitore e chiedere di cambiare qualcosa - tramite una funzione di callback di solito.

È possibile leggere ulteriori informazioni a riguardo nella pagina Thinking in React del sito Web ufficiale, spiega abbastanza bene il concetto.