問題タブ [mobx-react]

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

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

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

私は React Native を初めて使用し、MobX を初めて使用しましたが、最初のプロジェクトでファイル間で props/store を動的に更新および変更する必要があったときに必要であることに気付きました。

プロジェクトの github は次のとおりです: https://github.com/Kovah101/GenreGeneratorv1

ランダムなジャンルの音楽の名前を生成するアプリを構築しようとしています。メイン ファイルはすべてのコンポーネントをレンダリングし、乱数が生成されていることを確認するための小さな console.log を持っています。ここでエラーは発生しません

次に、GenerateButton は、onClick乱数の配列を生成するイベントでボタンをレンダリングします。これらはチェックされmainOriginal、正しく機能します。randomNumbersMobXは常に更新され、最終的なファイルに渡されるため、監視可能にするためにも MobX を使用しますgenreSelector。

GenreSelector は、乱数の配列を使用して、それらを 3 つの異なるジャンル配列のサイズにマップし、次に、各配列からランダムなジャンルの 1 つをそれぞれ含む 3 つのボックスをレンダリングする必要があります。ただし、「chosenRandoms」で「var」に設定し、「get randomGenres」でも同じように設定すると、予期しないトークンが取得されます。私の理解では、それらは何かである必要があります。

私が間違っていることについて誰かが何か考えを持っていますか? varとを取り出すgetと、数学操作行の最後でエラーが発生します。私は何かを悪用しているに違いない。助けてくれてありがとう、もっと多くのコードを提供できますが、スタイルシートまたはインデックスに問題があるとは思いません。

と組み込もうとしてmobxいreactます。を使用してアプリケーションを生成したためcreate-react-app、mobx によって提供されるデコレータを使用できません。

このドキュメントに従って、デコレータなしで mobx を使用できる場合: https://mobxjs.github.io/mobx/best/decorators.html

作成したコンポーネントは次のとおりです。

上記のコンポーネントの簡単な呼び出しは次のとおりです。

上記のコンポーネントを実行するとUncaught TypeError: (0 , _mobxReact2.default) is not a function(…)、コンソールに何も表示されないというエラーが表示されます。

ここで何が間違っていますか？

次のようなギャラリーの画像の配列を保存するために mobX を使用しています。

サムネイル配列、完全な画像配列、モバイル画像配列があります。

次に、配列をマッピングし、それらを背景画像として、またはコンポーネントの画像タグで使用します (URL は props を介して渡されます)。

しかし、画像が必要なく、URL が src/assets/photos/people/' のままであるため、prod 用にビルドすると、それらは明らかに表示されません。

だから私は単にそれらを要求しようとしました:

しかし、私はエラーが発生します:

ストア内のパスを相対パスに変更してみました:

そして同じエラー：

出力とファイル ローダーの webpack 構成:

インポートを介して単一の画像をインポートすると、すべて正常に機能しますが、この観察可能物に関しては行き詰まります。また、require context も試しましたが、正直なところ、自分が何をしているのかよくわかりませんでした。一度マップした画像を単に request できるはずだと思います。

ありがとう。

Mobx & React を始めたばかりで、ストアの更新に問題があります。「me」プロパティを更新する必要があるボタンをクリックすると、エラーが発生します。

私の店：

コンポーネント:

これがどのように機能するかの基本的な部分を見逃している可能性がありますが、それを理解することはできません.

Mobx を使用すると、ストアを更新した後 (つまり、ボタンをクリックした後)、コンポーネントが再レンダリングされません。初期ロード後に何も表示されない mobx devtools をインストールしましたが、コンソールにエラーはありません。私が間違ったことをしたアイデアはありますか？

Store.js:

レイアウト.js:

index.js:

ブラウザでキャッシュできるように、それらをバンドルから除外したいと思います。これといくつかのバリエーションを試しましたが、webpack.config.js で成功しませんでした。react と react-dom は正常に動作します。

私はそれらを私のindex.htmlに取り入れています

このエラーが発生しています：

ご協力いただきありがとうございます。

mobx次のように使用してストアを作成しました。

次に、React ビューでそのストアを観察します。

最初のレンダリングでは、私のビューは問題なく動作します (ただし、配列Feedには項目がありません)。InfluencerFeedStore.data

後で を呼び出してアイテムをロードするとInfluencerFeedStore.setData()、React はビューを正しく再レンダリングしようとしFeedます (mobx オブザーバブルが更新されたことに気付いたため)... しかし、InfluencerFeedStore.data.map is not a function.

ドキュメントを読んでからmobx、プロパティの再割り当てdataは配列であるため問題があることがわかりました（文字列などの他のデータ型は「うまく機能する」）。ここで私が間違っていることを誰かに教えてもらえますか?

リスト、ボタン、テーブルなどの再利用性を促進するために、いくつかの一般的なコンポーネントを使用しています。これらのコンポーネントにはすべて、listItem、listContainer、listHead などの同じコンポーネント グループ間のすべてのプロパティを処理するために使用されるコントローラー クラスがあります。私の問題は、リストを使用してコントローラーから親コンポーネントにイベントをバブルアップする方法です。

親コンポーネント呼び出しリスト

List Component (ListController の新しいインスタンスの作成)

リスト コントローラ クラス

親コンポーネントからクリック イベントにアクセスするにはどうすればよいですか?