問題タブ [meteor-react]

Meteor で React を使用するこの実装例を取り上げ、blaze ログインを追加するような単純なものを追加したいと考えました: https://github.com/reactjs/react-meteor/tree/master/examples/leaderboard

このチュートリアルに従って、Wrapper を追加し、app.jsx のレンダリングを配置しました https://www.meteor.com/tutorials/react/adding-user-accounts

エラーなしで正しくコンパイルされますが、何も表示されません。誰かが初心者を助けることができますか?!

私は現在、最初の React プロジェクトに取り組んでおり、コンポーネント間でデータを渡す際に問題が発生しました。リストで選択したアイテムに応じて異なる日のスタイルを設定するために、このライブラリ カレンダー ウィジェットを使用しています。

https://github.com/vazco/meteor-universe-react-widgets

この構造のツリー内にある 4 つの相互作用するコンポーネントがあります。

現在、選択した項目のデータを最上位コンポーネント (コンポーネント A) からリスト (コンポーネント B) に保存しています。データを渡したいコンポーネントはコンポーネント D です。私がやりたいのは、状態を作成し、値を C に渡し、次に D に渡すことです。残念ながら、C はライブラリのカレンダー コンポーネントであり、実際には操作できません。

B での選択によって生成されたオブジェクトが、C を操作できずに D によってアクセスされる必要があるため、子コンポーネントのヘッドを介して値を渡す方法はありますか?

コード スニペット:

コンポーネント C (カレンダー) が A で呼び出され、コンポーネント D (dayComponent) も渡される方法。

カレンダー コンポーネントの宣言とインポート

Day コンポーネントは、暦日のスタイルを返します。

変な問題でアドバイスをお願いします。最小限のMeteorアプリを作成しました

次の main.jsx ファイルを追加しました。

mixins:行が削除されない限り、これは何もレンダリングしません!?

これは、この小さなプロジェクトで使用されるバージョンです:

meteor を更新してもあまり役に立ちません:

提案されているように反応を手動でアップグレードしようとすると、一連の競合が表示されます。

お知らせ下さい。

ティア、

グイド

React と Meteor を使用していますが、データの更新に問題があります。これがコンポーネント内の私のgetMeteorData()コードですConversation

サブスクリプションは投稿 (頂点) の ID のみを返し、このデータを使用してさらに多くのコンポーネントをレンダリングします。

コンポーネント内で、PostThread必要に応じて残りのデータを取得するために、ID で各投稿を個別にサブスクライブします。ただし、Vertices コレクションから何かを削除すると、Conversationコンポーネントが更新されていないように見えます。MeteorToys で、クライアントの Vertices コレクションが投稿を削除したことを確認できますが、この変更がUI に反映されないことがあります。投稿が削除されたときに UI が正しく更新される場合とそうでない場合があり、これに対するパターンを見つけることができませんでした。

現在、Meteor、ReactJS、React Router (ルーティング用) を使用してアプリケーションを開発しています。ユーザーが圧縮された Web サイトをアップロードできる必要があり、Meteor アプリケーションがこの Web サイトをそのページの一部として表示する必要があるという要件があります。

一般的な zip ファイルには、以下のようなパターンが含まれます。

CollectionFS をセットアップして zip ファイルをファイル システムに保存し、meteorhacks:npm といくつかの npm パッケージを使用して、そのファイルを既知の場所に解凍できます。

React コンポーネントでは、次のコード スニペットを使用して、圧縮された HTML コンテンツをアップロードしています。

アップロードと解凍が機能します。ただし、CollectionFS は、解凍されたパスから HTML またはその他のコンテンツを提供しません。

また、html コンテンツを meteor フォルダー構造の public フォルダーに解凍してみました。ただし、Meteor のドキュメントには、public フォルダーは静的アセット用であると記載されています。public フォルダー内のアセットのインデックスを維持するため。そのため、インデックスを更新するにはサーバーを再起動する必要があります。

そのまま提供できる HTML コンテンツを配置できる他の場所はありますか?

更新nginx 仮想ディレクトリを設定し、その場所にファイルをアップロードして、nginx が HTML コンテンツを提供するようにすることで、この問題を整理しました。

Meteor 1.3 を楽しみにしているので、React コンポーネントをグローバルとして持つ代わりにインポートできます。

このチュートリアル ( https://voice.kadira.io/getting-started-with-meteor-1-3-and-react-15e071e41cd1 ) に従っていると、React-Layout の代わりに React-mounter を使用する必要があることに気付きました。カディラ

これらのドキュメントは次のとおりです。

https://github.com/kadirahq/react-mounter

React コンポーネントは次のように定義されていることがわかります。

このようなものの代わりに

ここで何が起こっているのか説明してもらえますか? また、この新しいスタイルをどのように使用しますか? すべてのプロパティ、メソッド、ミックスインなどを定義する場所は?

また、副次的な質問として、React が を使用する代わりに npm パッケージとして追加されていることに気付きましたMeteor add react。これは、今すぐ反応を追加する方法ですか?

Meteor React アプリで Mongo コレクションを使用すると、空の配列 [] が返されます。Githubの「react-meteor-template」を使用していました。

私は宣言した

Posts = new Mongo.Collection("posts");

Collection.js ファイルで。

以下は、空の配列 [] データを取得する場所です

私は現在 Meteor + React + MongoDB + FlowRouter を使用しています。選択したコースを mycourses に追加したかったのです。

Course.jsx でデータを正常にアップサートして MyCourse に移動しますが、2 回レンダリングされる理由がわかりません。最初はデータがコンソールに正しく出力されましたが、2 回目はデータ find() が空でした[]。

[ { _id: '3nHTJb9gjNWi2JqZL', user_id: 123, course_id: [ 1, 2 ] } ]

client/components/Course.jsx

クライアント/コンポーネント/MyCourses.jsx

lib/Router.jsx

サーバー/publish.jsx