Reagiere unveränderliche JS updateIn mit Listenschlüssel im Objekt

Question

Ich habe einen unveränderlichen Zustand in React, wo ich eine Karte mit Listenelementen habe.

Meine GETIN Funktion korrekt funktioniert, z.B .:

console.log(this.state.settings.getIn(["airlines"])[index].checked); 

Aber ich will diesen Wert mit dem umgekehrt aktualisieren.

Die Dokumente von unveränderlichem JS lesen, sollte so etwas sein, aber aufgrund meines Indexschlüssels kann ich es nicht zum Laufen bringen, da mein Update-Wert innerhalb des() liegen sollte.

Was ich derzeit haben, ist so etwas wie dieses:

this.state.settings.updateIn((["airlines"])[index].checked, val => !val); 

Jede Hilfe ist willkommen!

Answer 1

Sie müssen den Pfad zur aktualisierten Eigenschaft als Array übergeben. Demo.

this.state.settings.updateIn(['airlines', index, 'checked'], val => !val); 

BTW Das gleiche funktioniert mit getIn. Sie können tun

console.log(this.state.settings.getIn(['airlines', index, 'checked']));