問題タブ [meteor-react]

現在、React/Meteor プロジェクトに取り組んでおり、サイトの特定の部分でポップアップにサインを作成したいと考えています。ユーザーが特定のコンポーネント内のボタンをクリックすると、ポップアップが表示され、ユーザーはサインインまたはサインアップできます。

ボタンと同じコンポーネント内にコンポーネントをレンダリングするのではなく、ドキュメントの本文にコンポーネントをレンダリングしたくありません。これを行う最善の方法は何ですか？React Element を動的にレンダリングする方法はありますか。何かのようなもの：

Meteor アプリケーションで、react-router を使用して Meteor ロールの割り当てを実装しようとしています。割り当てロールを使用してルートを制限するために適切に管理できないという事実を除いて、すべてが正常に機能しています。Meteor.user()

私は隕石の役割を試しました：

onEnter={requireVerified}ルートでを使用しようとしています。これはコードです：

私は Meteor.user() で試しました:

したがって、これはルート リンクをクリックすると機能しますが、手動で更新 (F5) すると機能しません。それを掘り下げた後Meteor.user()、ページを手動で更新すると準備ができていないことがわかりました。

Meteor.userid() または Meteor.logginIn() が機能していることは知っていますが、それらがログに記録されていることだけでなく、それらが「検証済み」であるか、役割を持っているかを検証したかったのです。

また、react を使用してコンポーネントの内部をチェックしようとしましたが、componentDidMount()どちらcomponentWillMount()の場合も同じで、Meteor.user()コンポーネントがマウントされる前に手動のフレッシュがロードされません。

では、コンポーネント/ルートを meteor/alaning ロール + react router で制限する最良の方法は何ですか? (TheMeteorChef のベース内で react-komposer を使用しています)

ありがとうございました。

反応コンポーネントを定義しました：

そしてclient/main.jsxで私はそれを呼び出そうとします:

これにより、次のエラーが発生し、コンポーネントがレンダリングされません。

warning.js:36警告:dumdumタグの不明なプロパティです。この小道具を要素から削除します。詳細については、https://facebook.github.io/react/warnings/unknown-prop.htmlを参照してください。

(実際にはリンクは短いですが、ここに投稿することはできないようです...)

何が間違っている可能性があるかについてのポインタをありがとう。

私は大規模なアプリケーションを設計しており、反応ルーティングの問題に悩まされています。このルーティング/小道具/パラメーターの競合を解決する方法を知りたいです。

基本的な手順は次のとおりです。

教室の各ページ (スケジュール、名簿など) は独自のミニ アプリケーションであるため、react-router を使用してこれらのレイアウト コンポーネントをロードすると思います。ただし、子コンポーネント内classroomのコンポーネント内でロードされたコンポーネントを使用できるように構造化する方法がわかりません。BaseLayoutこの例では、経由の URL を渡そうとしましたが、教室を再度_id取得する必要がありますが、これは適切なアーキテクチャとは思えず、いつ準備ができているかを知ることができません。URLパラメーター以外に、このシナリオを処理するより良い方法または別の方法はありますか? 反応ルーター経由でロードされた子コンポーネントに小道具を渡すことはできますか?classroom_loading

基本的なコードは次のとおりです。

ここで Meteor React.js チュートリアルのパート 8 を実行しています。

https://www.meteor.com/tutorials/react/adding-user-accounts

私のアプリケーションは、この時点まで完全に実行されていました。次のコマンドを実行してアカウント パッケージを追加するチュートリアルの最初の手順に従うとすぐにクラッシュします。

これを実行してプロジェクトを実行しようとすると、実行が失敗し、次のエラー ログが表示されます。

このエラーの原因と解決方法を教えてください。

私は最近、絶対に便利で強力な Meteor を研究しています。しかし、これまでのところ、Meteor APP のエントリ ポイントが何であるか、つまり、どのファイル/関数が最初に実行されるかはまだ明確ではありません。

簡単な例:

クライアント/hello.jsx:

client/routes.jsx:

次に、コマンドを使用します：

流星 -p 12345

すると、ウェブページが立ち上がりました！それはかなり魔法のように見えます: サーバーはどこで実行されていますか? Webページはどのように生成されますか? 最も重要なのは、どのコードが最初に実行されるかです。

ありがとう

デレク

これは信じられないほど簡単なように思えるので、明らかな何かが欠けているに違いありませんが、ListGroupItem が選択されたときにアクティブな小道具を動的に設定するにはどうすればよいですか? 私は一連の

onClick ハンドラーに次のものが含まれていると想定しました。

十分ですが、ドキュメントのコンポーネントページに示されているように、実際には強調表示されません。代わりに、コンポーネントに「アクティブな」ブール値を作成して設定しますが、これは明らかに本来の動作ではありません。react-bootstrap docs によると、これは次のようになります。

設定と同じ原則を使用して手動で他の設定を解除することにより、ラジオスタイルの設定にすることができると思います。

どんな助けでも大歓迎です。

サーバー側コード

クライアント側のコード

ページ上のリンクをナビゲートするとすべて正常に動作しますが、プロファイル ページがリロードされるたびにこのエラーが発生します。

このエラーの原因が見つかりません。スタック オーバーフローで同様のエラーが多数発生しましたが、この問題に関する解決策を見つけることができませんでした。どんな助けでも大歓迎です。