1
私はReactで開発しているMeteorアプリケーションを持っています。私はまだautopublish
パッケージをプロジェクトに持っています([email protected]
)。ここでMeteor + React:mongoDBコレクションからデータを取得できません
は私の関連するコードです:
MainMenu.jsx
import React, { Component, PropTypes } from 'react'
import { Meteor } from 'meteor/meteor'
import { FlowRouter } from 'meteor/kadira:flow-router'
import { createContainer } from 'meteor/react-meteor-data'
import { ChatRooms } from '/imports/api/chatrooms.js'
export class MainMenu extends Component {
render() {
console.log(this.props.chatrooms)
return (
{/* Render stuff here is not part of the scope of this question */}
)
}
}
MainMenu.PropTypes = {
chatrooms: PropTypes.array.isRequired
}
export default createContainer(() => {
return {
chatrooms: ChatRooms.find({}).fetch()
}
}, MainMenu)
chatrooms.js
import { Mongo } from 'meteor/mongo'
export const ChatRooms = new Mongo.Collection('chatrooms')
はMainMenu
コンポーネントでconsole.log(this.props.chatrooms)
は常に(空の配列を返します。 []
)。
meteor mongo
コマンドをコンソールで実行したときに、db.chatrooms.find({});
と入力すると、このすべてをテストするために挿入した3つのアイテムが返されるため、データベースには明らかに項目があります。
誰でも私がここで間違っているかもしれないと考えていますか?助けていただければ幸いです!
問題のコードスニペットは、私は私の最初の流星でデータをフェッチ助けた+私は達成することができませんでした+モンゴアプリを反応させます最後の4時間以上から、ありがとう:) – adi
これは嬉しいです@ダディを助けてくれました! :) –
最初のクラスでこのコードなしでコードが機能しないという奇妙なことがあります。 'componentDidMount(){ \t \t Meteor.subscribe( 'projects'); \t} ' – adi