問題タブ [mobx-react]

監視可能な状態を作成するために Mobx を使用しています。

ここに私のコードスニペットがあります:

上記のコードでは、「状態」オブジェクトが監視可能です。文字列に変換しようとすると、エラーが発生します。

エラー: 未定義のプロパティ 'atom' を読み取れません

React Native (0.33) でセクション ヘッダーを使用して ListView をレンダリングしようとしていますが、セクション ヘッダーはレンダリングされますが、行はレンダリングされません。データは mobx ストアからのものです。

私はこれに実装しました：

私は基本的に this.state.markers (ピンがドロップされるすべての緯度/経度を含む配列) を arrOfAdds 配列にあるもので更新しようとしていますが、this.state.markers を更新できないと思います? 関数でデバッガーを実行すると、 をスキップしてthis.props.properties.map(...に直接移動するように見えますarrOfAdds.map...。これは最初から空の配列であり、何も追加せず、 を通過しthis.props.properties.map(...て適切に設定された arrOfAdds を作成します。

これを行う方法についてかなり混乱していますが、助けていただければ幸いです。

私はmobxライブラリを使用しています。ReactJS によく合います。私は次のような観察可能な配列を持っています:

この方法でオブジェクトを追加すると、問題はなく、指定されたオブジェクトは期待どおりに観察可能になります。

しかし、強く型付けされたオブジェクトを定義するとき (typescript を使用)

このように新しいオブジェクトをプッシュすると、観測できなくなります

どうすればこの問題を解決できますか!?

x と y の違いは何ですか?!

オブザーバブルが何らかの形でいつ変化したかを検出することは可能ですか?

たとえば、これがあるとします：

その後、ユーザー入力によって値が変化します。これを簡単に検出するにはどうすればよいですか？

グローバルな「保存」ボタンを追加したいのですが、最初のロード以降にオブザーバブルが変更された場合にのみクリック可能にします。

私の現在の解決策は、true/false を返す別のオブザーバブルを追加することmyObjectChangedです。また、コンポーネントが myObject のデータを変更するたびに、myObjectChanged を true に変更する行も追加します。保存ボタンをクリックすると、そのオブザーバブルが保存され、false に戻されます。

これにより、全体に散りばめられた多くの余分なコード行が発生します。それを行うためのより良い/よりクリーンな方法はありますか?

そのため、React アプリに Auth 情報を含むストアがあります。認証は JWT トークンから派生します。ストアには、認証ストアにトークンがあるかどうか、およびそのトークンがまだ期限切れになっていないかどうかを確認する、次のような@observable値があります。loggedIn

MobX は、アプリケーションの周囲に状態変化を伝播するタイミングを知るためにアクションに依存しますが、loggedIn()変化の結果はユーザーの操作によるものではなく、単に時間の経過によるものです。

したがって、私が疑問に思っているのは、ユーザーの操作なしでこの値を伝播する方法、アプリケーションが期限切れの認証に適切に応答できるように、特定の間隔でそれを「微調整」する方法です。