reactjs - オブジェクトのリストキーでイミュータブルJS updateInに反応する

Question

React には不変の状態があり、リスト要素を含むマップがあります。

私の getIn 関数は正しく動作します。

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

しかし、この値を逆に更新したいと思います。

不変の JS のドキュメントを読むと、このようなものになるはずですが、更新値が () 内にある必要があるため、インデックス キーが原因で機能しません。

私が現在持っているものは次のようなものです：

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

どんな助けでも大歓迎です！

Answer 1

更新されたプロパティへのパスを配列として渡す必要があります。デモ。

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

ところで、同じことができgetInます。できるよ

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