Meteor + Reactの条件付きレンダリング

Question

Meter + Reactで条件付きレンダリングを試行しています。レンダリングメインに

renderInputForm() { 
if (Tokens.find().count()) return; 
return (<TokenForm />); 
} 

と{this.renderInputFormを（）}置く：私は唯一のコンポーネントはアイテムの数は、収集===から0

を返された場合、私はこれを試してみました表示にしたいです（）、しかしそれはそれを隠す前に分割秒間点滅します...

私はなぜフラッシュが起こっているのか知りません。

Answer 1

データの同期が完了するまで待つ必要があります。初期のMiniMongoコレクションは空であるため、フラッシュはそこにあります。 （また、あなたのレンダリング機能でCollection.find()を避けたいかもしれません。）

と仮定すると、あなたが流星1.3.xの使用：

export const MyComponent = createContainer(() => { 
    let subscription = Meteor.subscribe('something'); 
    if (!subscription.ready()) return {}; 
    return { 
    tokens: Tokens.find().fetch() 
    } 
}, InternalComponent); 

をしてから反応させ、コンポーネント内props.tokensの存在を確認します。

class InternalComponent extends React.Component { 
    render() { 
    if (!this.props.tokens || this.props.tokens.length > 0) return; 
    return <TokenForm />; 
    } 
} 

ここにサブスクリプションの詳細をご覧ください：http://docs.meteor.com/#/full/meteor_subscribe