問題タブ [mobx]

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

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

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

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

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

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

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

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

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

反応を使用した地図アプリがあります。

3 つのコンポーネントがあります。

1. サイドバー - ズームインなどのマップ機能を実行するボタンが含まれています。
2. map-wrapper - openlayers マップが含まれています。
3. それらの両方をレンダリングするビュー。

意見：

サイドバー:

マップはこれだけです: https://github.com/pka/ol3-react-example

ここで、次のロジックを実装したいと思います。ズームを押すと、マップがズームインします。

mobxを使用してこれを行うにはどうすればよいですか?

店は何を保持しますか？オブザーバーとは何か、オブザーバブルとは何か?

よろしく、イド

これら2つを連携させる方法はありますか？作成したエンティティに @observable プロパティを簡単に作成させることはできますか?

シンプルな反応フォームと、MobX ストアに 2 つのオブザーバブルがあります。

個人情報のフォームが (ctor で) 読み込まれると、ストアでメソッドを呼び出します。

それが行うのは、単に「編集中」のオブジェクトをリセットし、元のデータからのデータで埋めることです。ユーザーが「変更を保存」を押すと、「編集中」のオブジェクトが元のオブジェクトにコピーされます。

別のオブザーバブルで observable() を呼び出すことは有効ですか? これに対する副作用はありますか？（効くらしい）

そうでない場合、この「編集中」オブジェクトのシナリオをエレガントに処理するための設計パターンはありますか。

mobx のオブザーバブルとリアクションに欠けているものがあります。2 つの例を用意しました。1 つは機能し、もう 1 つは機能しません。理由がわかりません。

例 1 (機能しません):

例 1 では、監視可能な変数を props で送信し、Alert1 コンポーネントで反応を作成するだけですが、トリガーしません。

例 2 (動作):

これは例 1 とほぼ同じですが、v1 オブザーバブルを他のオブザーバブルにラップします。Alert2 反応が機能します。

同時に、反応を Alert1 および Alert2 コンポーネントから Main コンポーネントのコンストラクターに移動すると、両方の反応が機能します。

両方のコンポーネントを使用した jsfiddle の例を次に示します。https://jsfiddle.net/kasheftin/zex0qjvf/1/

Mobx を使用した React アプリがあります。

これは私の問題です：

ボタンをクリックすると、別のコンポーネント (オブザーバー) のメソッドを呼び出すサイドバーがあります。サイドバーがストアの値を変更した場合 - すべて問題ありません。メソッドを簡単に呼び出すことができるmobx.reactionを定義しました

しかし、reset や init などのメソッドを呼び出したいだけの場合はどうすればよいでしょうか? ストアで値を変更しないでください。

どうやってやるの？

よろしく、イド

このhttps://github.com/elgerlambert/redux-localstorageを本質的に達成しようとしています。これは Redux 用ですが、Mobx 用に実行します。そして、できればsessionStorageを使用したいと思います。最小限のボイラープレートでこれを達成する簡単な方法はありますか?

私は MobX を初めて使用し、ここで推奨されました。別のファイルに渡そうとしている単純な配列があります。私は多くのことを試しましたが、配列を this.props.store の形式で受け取ることができません。私の mobX の不適切な使用に光を当てていただければ幸いです。ありがとうございました。

次に、2 番目のファイルで配列を監視する必要があります