顯示加載屏幕，直到數據填充 - 反應和流星

Question

我想填充一個表，只想顯示所有內容已被提取時的數據。我想展示一個基本的「加載...」文本。目前我有這樣的：

getNames() { 
    return Names.find().fetch(); 
} 

render() { 
    let mapData = this.getNames().map((name) => { 
     return <Name key={name.id} name={name} /> 
    }); 

    if (!mapData) { 
    return (<h1>Loading...</h1>); 
    } 

    return (
     <ul> 
     {mapData} 
     </ul> 
    ); 
} 

這僅僅是一個基本的例子，但我抓住從Names.find數據很多（）取（）...但它似乎曾經屬於MapData開始填充，數據將部分加載（可能顯示前幾項，然後完成）。

我知道我沒有正確地做到這一點。我只是想知道其他人如何處理在React中正確顯示進度條。

我想過在componentDidMount中設置延遲，但這似乎不是一個好的解決方案。

任何幫助將不勝感激！

謝謝！ T

Answer 1

Meteor.subscribe需要一個回調，一旦訂閱加載了它的數據就會被調用。

請參閱：http://docs.meteor.com/#/full/meteor_subscribe