問題タブ [setstate]

このコードは、状態に更新した後に再レンダリングすることになっていますが、残念ながらそうではありません

@state は正常に更新されましたが、再レンダリングがありません

in data[key].data は、配列 state[key] に追加されるオブジェクトの配列です。

私は React を学んでおりlearnyoureact、NodeSchool からモジュールを実行しています。これまでの React についての私の理解では、React コンポーネントを仮想 DOM としてレンダリングし、React に UI の変更を処理させるということです (SO投稿から読む)。これは正しいと思います。

これをやめて、データを追加して setState を呼び出すと、UI が更新され、テーブルの行が追加されます。setState() を呼び出して一部のデータを削除しても、UI が何もしないのはなぜですか? コンソールにログインすると、データが削除されていることを確認できます。

2 行の元のテーブルに 2 つのものを追加すると、4 行が得られます。

次に、Xボタンを押して削除しようとすると、コンソールには削除したことが示されますが、UI は更新されません。まだ 4 つのテーブル行があります。

行ごとにチェックし、後でコピーして貼り付けて確認しました。このレポから引き出しました。

手動で削除すべきではない場合、テーブルの行を削除するにはどうすればよいですか?

フラットな状態設定の一部を設定状態オブジェクトに結合しようとしていますが、同時に、このオブジェクトを不変の JS 状態オブジェクトに変換したいと考えています。

コンストラクターで初期状態を設定しましたが、キーが定義されていないというエラーが発生します。

これが私がこれまでに持っているものです：

次に、componentWillMount で (外部 API からデータを取得するため):

私が得るエラーは次のとおりです: Uncaught ReferenceError: settings is not defined

ところで。Airlines 要素はオブジェクトの配列です

誰かが私を助けることができますか？私のアプローチは方向的に正しいですか？そして、航空会社の配列が最初に設定されて更新が必要になったら、後で (更新時に) updateIn を使用する必要がありますか、それとも setIn を使用する方が安全ですか?

私はこのフィドルを持っています

ご覧のとおり、Mine クラスのインスタンスを作成し、そのインスタンスを使用して反応コンポーネントの状態を設定します。

this.state にはそのインスタンスが正確に含まれていると予想されますが、コンストラクターで設定されたインスタンス プロパティが利用可能である間は、そのインスタンスのクラス メソッドにアクセスできません。

フィドルのテストは、this.state がクラス Mine のインスタンスではないことを示しています。

誰かが何が起こっているのか理解していますか、それともこれは意図しない動作ですか?

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

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

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

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

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

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