問題タブ [meteor-react]

私は現在、Meteor と React を使用してアプリケーションを作成しようとしていますが、ログイン フォームの作成に行き詰まっています。ReactComponent.state実際、フォームのエラーを保存して表示するために使用したい

残念ながら、これはうまくいかないようです (警告が発生します):

必要ないかもしれませんが、エラーを表示するためrenderに使用する関数は次のとおりですReactComponent.state

関数のMeteor.loginWithPassword中にありhandleSubmitます。コールバックで更新できないと思いReactComponent.stateますが、それを機能させる理由と方法がわかりません。

もちろん、initialStateコンポーネントの を忘れていません:

ありがとうございました

問題 1: 解決済み

問題2: ??

react+meteor+bootstrap を学習し、それらを使用してポートフォリオという名前の単純なモデルの CRUD を実装しています。「CRUD」の「U」で立ち往生しています。

以下はコードです。

ご覧のとおり、上記のコードには 3 つの反応コンポーネントが含まれています。タプルを編集/更新するためのフォームを含む List コンポーネント、ListItem コンポーネント、および Modal コンポーネント。

今、私には2つの問題があります。

1)特定のリスト項目の [編集] ボタンをクリックすると、モーダルが開きますが、更新が必要なテキスト ボックスに入力された値は、常にリストの最初の項目の値です。どのアイテムの「編集ボタン」をクリックするかは問題です。

2) モーダルに存在するフォームのフォーム送信イベントが、何らかの理由でトリガーされません。

コード全体を何度も掘り下げましたが、どういうわけか、問題の原因に到達できません。

解決策 問題 # 1: ID が修正されたため、リストのすべての行に対して html によって作成されたモーダルは 1 つだけで、それは "MyModal" でした。修正するために、もちろん別の ID を使用して、すべてのリスト項目のモーダルを個別に作成しました。出来た。

URL が で終わるのはなぜですか? I call FlowRouter.go(/score/ + this.props.courseId)it should not end with ?. 私は流星に反応して使用しています。

http://localhost:3000/score/k5QKvkFet5wteAg2r?<----クエスチョンマーク？

私のデバッグに表示されます

ルーター.jsx

IconButtonMenumeteor/react で Material UI を使用して をリストに追加しようとすると、次のエラーが発生します。

警告: 失敗した propType:rightIconButtonに指定されたprop が無効ListItemです。単一の ReactElement が必要です。のレンダリング方法を確認してくださいRequest。

私のコードは次のとおりです。

要素をネストするのが好きではないようです。ドキュメントの例のようにconst を使用しようとしましたが、まったく同じエラー メッセージが表示されます。

Meteor アプリを 1.3 (rc.10) に変換する作業を行っています。すべてのコンポーネント、パッケージなどをインポートする単一のファイルが必要でした。インポート ファイルのパスを毎回入力する必要がなくなります。私はこれが何度も行われているのを見たことがあり、他のフレームワーク (Backbone/requireJS) を使って自分でやったことがあります。

すべてが未定義であるため、ある種の循環的な要求/依存関係のように見える問題に遭遇しています。

そのため、パッケージ (npm パッケージ、meteor パッケージなど) 用とコンポーネント用の 2 つのファイルに分割しました。私がそれを行ったとき、パッケージファイルは正常に機能しましたが、コンポーネントファイルではまだすべて未定義でした.

より明確にするためのテストレポがあります

modulesMeteor 1.3の ES2015 にとても興奮しています。Meteor 1.2 で中程度の複雑さのアプリを作成しました。非常に多くのテンプレートとファイルがあるため、クライアント側でコンテンツをダウンロードするのに少し時間がかかります。を使用した遅延読み込み機能に興味がありimportます。meteor night talkから、彼らは Blaze テンプレートはまだグローバルであり、インポート (または遅延ロード) できないと言っています。私はinsideを使用しReactBlazeてみました。

• を使用して追加されreact-template-helperたパッケージmeteor add react-template-helper

• フォルダーを作成し、 「TestComponent」をエクスポートするファイルをimports追加しますtestComponent.jsx

  /li>

• Blaze テンプレートの外部importsフォルダに移動した後、

  /li>

• importsフォルダーの外にもあるテンプレートのjsファイル

  /li>

これは機能しましたが、現在のルートがテンプレートimports/testComponent.jsxを必要としない場合でも、クライアントにダウンロードされます (chrome dev tools - sources タブを使用して確認) 。homeReact

それから私はこのようrequireに代わりに使用しましimportた、

このコードもimports/testComponent.jsxファイルをダウンロードしますが、さらにエラーも発生しました

テンプレート「homeReact」で、{{> React ... }}欠落しているcomponent引数を呼び出します。

それで、私の質問は、必要な場合にのみファイルを遅延ロード (ダウンロード) することは可能ですか?

私は公式流星ガイド1.3と反応を統合する方法に従っています。このガイドでは、コンテナ パターンの使用法について十分に説明していません。私の質問は、親コンポーネントのデータを子コンポーネントのコンテナーに渡して、親の _id パラメーターを使用してサブを書き込む方法です。それとも私はこのパターンで間違っていますか？すべての子コンポーネントのデータも公開する 1 つの大きな出版物を作成するだけでよいでしょうか? blaze には Template.parent.data() 関数があります。私はReactに慣れていないので、すみません。

最近 meteor 1.3 にアップデートしましたが、createContainer 関数に問題があります。小道具が変更されたときにアプリが再レンダリングされるはずですが、そうではありません。このページの例で作業していますが、何も起こらず、アプリはヘッダーのみを表示します。エラーはありません。

タスク.js:

認めたくないほど長く立ち往生しています。何が欠けていますか?