問題タブ [meteor-react]

私はこれに数週間苦労しています。Web ページでmeteor-react-autoformを使用したいと考えています。The Meteor Chef のBaseを使用しています。どんな助けでも本当に感謝しています

英語が下手で申し訳ありません。ファイルは次のとおりです。

これは、スキーマとコレクションを定義するファイルです。

これがフォームと挿入ハンドラです

これは、メソッドが定義されたファイルです。

React ベースの Meteor アプリケーションで、標準の Meteor ユーザー アカウント ログイン テンプレート{{> atForm }}を表示する際に問題があります。

ラッパー コンポーネントを使用して、React アプリケーションで Blaze ベースのテンプレートを表示しています。Meteors useraccounts パッケージの標準ログイン フォームを実装しようとしています。しかし、Blaze テンプレートで{{> atForm }}を使用すると、ログイン フォームが表示されません。しかし、{{> atForm state='signUp'}} のような特定の状態をロックすると、フォームが表示されます。

ラッパー コンポーネント

ブレイズ テンプレート

しかし、 { {> atForm state='signIn'}} のような他の内部状態も同様に表示されません。

.meteor のパッケージ

なぜこれが当てはまるのか、どうすればこの問題を解決できるのか、提案はありますか? 前もって感謝します。

React、バージョン 15.2.0 およびモジュール react-throttle (バージョン0.3.0) を使用してMeteorアプリ (バージョン 1.3.5.1) を作成しています。

Firefox、Chrome、Opera、Safari (デスクトップおよびモバイル) で実行すると、すべて正常に動作します。IEまたはAndroid ブラウザー(6.x) で実行すると、次のエラーがスローされます。

これはファイル内の行です。

その行をコメントアウトすると、すべてのブラウザですべてが魅力的に機能します。

handlersToWrap私には配列のようです。includes配列のメソッドは、Firefox、Opera などでサポートされているES6 または ES7 メソッドのようですが、IE や Android ブラウザではサポートされていません (テスト済み)。

だから今私の質問：それを修正する方法は？Meteor が ES7 メソッドをクライアントに送信するのはなぜですか? 最初にトランスパイルするべきではありませんか？

もちろんincludes、indexOfまたは何かに置き換えることもできます...しかし、npmによって自動更新されるReactコードをいじりたくありません...

私は隕石反応プロジェクトに取り組んでおり、非同期に発生するローカルストレージからのロードデータを使用したいと考えています。残念ながら、バインドしてもコールバックからデータを取得できませんでした。複数の方法を試しましたが、どれも機能しませんでした。確かに何かが欠けています。

可能な限り削除しましたが、コンテキストのためにいくつかを保持する必要がありました.

私の理解では、これらの単純な整数を設定すると、トラックオブジェクトにのみ関連する可能性があり、ブール値は正常に機能します。

私はより多くのアプローチを試しました：

• トラックを配列として書き込んで、次のように状態にしますtracksLoaded（うまくいきませんでした）
• 非同期呼び出しの前に新しい var を定義し、その値をコールバック内から設定するtrackLoadedCount(バインドの有無にかかわらず) (機能しません)

tracksLoadedと で機能しているのに、これが機能しないのはなぜtrackLoadedCountですか?

Firice Nguyen Answer に関する最新情報

戻り値

したがって、問題は解決しません。

私は Meteor 1.3.5 と React 15.1.0 を使用しており、MongoDB からデータをロードしてサブスクライブする正しい方法を理解しようとしています。

現在、私はこれcreateContainerをパラメーターで行っており、データが利用可能になるのを待つのに問題があります。

props の代わりに states を使用し、データをcomponentWillMountorにロードする必要がありますかcomponentWillMount? これらは今のところうまくいきませんでした。getMeteorData も使用しようとしましたが、コンポーネントのレンダリング時に何もしません。

新しいデータが来たらコンポーネントを更新するソリューションを探しています。ありがとう

React で Meteor を使用して、サンプル アプリ用の単純な分類プラットフォームを構築しています。フィルタリングされた検索に取り組んでいるときに、単純な問題に遭遇しました。

DB からフェッチした後に検索結果を返すコンポーネントがあります。フォームを保持し、小道具を子コンポーネント (つまり、SearchResults) に渡す別のコンポーネント (検索) があります。

これがコードです。

何が起こっているかというと、フォームを送信すると検索結果が想定どおりに返されますが、状態が変更されたときに名前やその他のフィールドが親コンポーネントの状態であるため、親を含む完全なコンポーネントが再レンダリングされ、子コンポーネント。それが起こるはずの方法です。

他に方法があれば教えていただきたいです。

親コンポーネントのデータが変更されたときに、子コンポーネントだけを再レンダリングしたいと考えています。

私は現在、プレゼンテーション コンポーネントとコンテナー コンポーネントを使用して meteor の simple-todos チュートリアルをリファクタリングしようとしていますがinput、機能ステートレス コンポーネントの参照にアクセスしようとすると問題が発生しました。にアクセスするrefsには、コンポーネントをステートフル コンポーネントでラップする必要があることがわかりましたinput。

この入力は、少なくともクラス構文を使用しているため、ステートフルである必要があります。

refs を使用して、入力の値を囲んで検索しますAppContainer。

console.log の結果はnullです。私の入力コンポーネントはステートフルではありませんか? このコンポーネントをステートフルにするには、値を設定するコンストラクターを設定する必要がありますか?それともthis.state、使用する必要があるときに機能的なステートレス コンポーネントの使用をあきらめるべきrefsですか?

meteor で作成したアプリケーションを Android モバイルにインストールしようとしています。アプリケーションは構築されています

meteor build /home/sampad/meteor_apk --server 192.168.1.27:3000

このアプリは 2 つのテンプレートで構成されています。送信をクリックすると、デスクトップで実行すると次のテンプレートに移動しますmeteor。しかし、モバイルで実行すると、送信ボタンをクリックしてもどこにも行かず、エラーも表示されません。

コードの添付: