メテオ - 最新のドキュメントを取得

Question

私はこのトピックについて議論している多くの質問があることを知っているが、それらのすべてが私は空の配列を返してみました。私は試しました：

• 新しい出版物を作成します。
• forループを使用して最後の項目を取得します（高速ではありません）
• クライアント側でdbを調べます。ここで

私の出版物である：私はそれにアクセスしようとしているのはここ

Meteor.publish('notes-newest', function() { 
    return Notes.find().sort({$natural: -1}).limit(10); 
}); 

は次のとおりです。

import { Meteor } from "meteor/meteor"; 
import React from "react"; 
import { withRouter } from "react-router-dom"; 
import { Tracker } from "meteor/tracker"; 
import { Accounts } from "meteor/accounts-base"; 

import { Notes } from "../methods/methods"; 
import SubjectRoutes from "./subjectRoutes/subjectRoutes"; 
import RenderNotesBySubject from "./renderNotesBySubject"; 
import Menu from "./Menu.js"; 

class Home extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.state = { 
     notes: [] 
    }; 
    } 
    componentDidMount() { 
    Meteor.subscribe('notes-newest') 
    this.tracker = Tracker.autorun(() => { 
     const notes = Notes.find().fetch() 
     if(notes == null || notes == undefined){ 
     return; 
     } 
     this.setState({ notes }) 
    }) 
    } 
    renderNewNotes(){ 
    let notes = this.state.notes; 
    let count = 10; 
    console.log(notes); 
    } 
    render(){ 
    return (
     <div> 
     <Menu /> 
     <h1></h1> 
     {this.renderNewNotes()} 
     </div> 
    ) 
    } 
} 

export default withRouter(Home); 

新しいコード

import { Meteor } from "meteor/meteor"; 
import React from "react"; 
import { withRouter } from "react-router-dom"; 
import { Tracker } from "meteor/tracker"; 
import { Accounts } from "meteor/accounts-base"; 
import { createContainer } from "meteor/react-meteor-data" 

import { Notes } from "../methods/methods"; 
import SubjectRoutes from "./subjectRoutes/subjectRoutes"; 
import RenderNotesBySubject from "./renderNotesBySubject"; 
import Menu from "./Menu.js"; 

class Home extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.state = { 
     notes: [] 
    }; 
    } 
    componentDidMount() { 
    // Meteor.subscribe('notes-newest') 
    this.tracker = Tracker.autorun(() => { 
     const notes = this.props.list 
     if(notes == null || notes == undefined){ 
     return; 
     } 
     this.setState({ notes }) 
    }) 
    } 
    renderNewNotes(){ 
    let notes = this.state.notes; 
    let count = 10; 
    console.log(notes); 
    } 
    render(){ 
    return (
     <div> 
     <Menu /> 
     <h1></h1> 
     {this.renderNewNotes()} 
     </div> 
    ) 
    } 
} 

export default createContainer(({props})=>{ 
    Meteor.subscribe("notes-newest", props); 
    return{ 
    list: Notes.find().fetch(), 
    } 
}, Home); 

Answer 1

あなたpublicationがいるようです大丈夫。必要なのは、データコンテナを使用することだけです。 meteotで反応性データを読み込むためにreact-meteor-dataを使用することをお勧めします。

上位クラスを作成してデータをラップし、既存のコンポーネントをプレゼンテーションコンポーネントとして保持し、データコンテナによって提供されるデータをレンダリングします。

export default createContainer(({props})=>{ 
    Meteor.subscribe("data.fetch", props); 
    return{ 
    list: CollectionName.find().fetch(), 
    } 
}, PresentationComponent); 

説明：にcreateComponentがデータの反応性を確認しますと、それはpropsとしてPresentationComponentに取得したデータを送信しますスニペット以下

ホープことができます。

Answer 2

あなたはmongodbネイティブ構文とMeteor mongo構文を混在させています。あなたが必要とする：

Meteor.publish('notes-newest', function() { 
    return Notes.find({},{sort: {$natural: -1}, limit: 10}); 
}); 

と、クライアント上の同上：まだ

list: Notes.find({},{sort: {$natural: -1}, limit: 10});