1

Meteor と React および MobX (Mantra アーキテクチャを使用) を使用してテストするための新しいサンプル/ボイラープレート プロジェクトをセットアップしました。プロジェクトはhttps://github.com/markoshust/mantra-matui-mobxにあります

State.header.title プロパティの状態変更が、再レンダリング時に更新された状態変更を適切に反映していないという問題があります。

私の状態は、単純なオブジェクトをプルすることによって構築されます: https://github.com/markoshust/mantra-matui-mobx/blob/master/client/modules/core/stores/route.js

1 つのマスター オブザーバブル オブジェクトへ: https://github.com/markoshust/mantra-matui-mobx/blob/master/client/main.js#L8

ルート変更をリストし、アクションを呼び出して状態を更新しています: https://github.com/markoshust/mantra-matui-mobx/blob/master/client/modules/core/reactions/route.js#L10

このアクションは状態を更新します: https://github.com/markoshust/mantra-matui-mobx/blob/master/client/modules/core/actions/route.js#L5

コンソールは適切な状態変更をログアウトしているため、状態は適切に更新されています。ただし、コンポーネントは更新された状態で再レンダリングされていません (この行は console.log'ing old state val です): https://github.com/markoshust/mantra-matui-mobx/blob/master/client/ modules/core/containers/Header.js#L6

「更新中...」というメッセージが表示されているため、コンポーネントは再レンダリングされていますが、まだ古い状態でプルされているようです。observerすべての反応コンポーネントに 追加しました: https://github.com/markoshust/mantra-matui-mobx/blob/master/client/modules/core/components/Header.js

4

1 に答える 1