流星订阅准备

Question

我'建立一个反应/流星应用。我遇到订阅问题。当subscriotion.ready（）为false时会显示一个组件。当它变成真正的组件由数据表所取代，但它需要的准备，并从find（）方法的数据之间的几秒钟。取（），显示了一会儿另一个组件。

有什么建议吗？

感谢

Answer 1

如果您正在使用react-meteor-data你可以在ready财产subscription状态。然后，您可以将此属性发送到演示组件并相应地进行更新。从包中的文件

的示例代码段：

import { createContainer } from 'meteor/react-meteor-data'; 

export default PresenterContainer = createContainer(props => { 
    // Do all your reactive data access in this method. 
    // Note that this subscription will get cleaned up when your component is unmounted 
    const handle = Meteor.subscribe('publication_name'); 

    return { 
    isReady: ! handle.ready(), 
    list: CollectionName.find().fetch(), 
    }; 
}, PresenterComponent); 

说明： 的第一个参数是createContainer的反应函数，将得到重新运行时其活性投入改变。

的PresenterComponent组件将收到{的isReady，列表}道具。所以，你可以根据isReady

加成状态呈现您的组件： 写您这样的演示组件的render方法：

render(){ 
    if(!this.isReady) return <LoadingComponent/> 
    else if(this.props.list.length() != 0) return <TableComponent/> 
    else return <NoDataFoundComponent/> 
}