流星訂閱準備

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/> 
}