流星 - 检索最新文档

Question

我知道有很多问题在那里讨论这个话题，但是，他们所有我已经尝试返回一个空数组。我曾尝试过：

• 创建新的出版物。
• 使用for循环来检索最后一项（不快）
• 通过在客户端的数据库查看。

这里是我的刊物：

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似乎好好地。所有你需要的是使用数据容器。我建议使用react-meteor-data来在气象中使用反应性数据加载。

创建一个更高阶的类来包装你的数据，并将你现有的组件作为呈现组件来呈现数据容器提供的数据。

希望下面的代码片断帮助：

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

说明：createComponent将确保数据的反应，它会发送检索到的数据将作为PresentationComponentprops。

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});