Подписки с реагирующим-метеором данные

Question

Из docs, я написал свой контейнер, как так

export default InventoryItemsList = createContainer(() => { 
    const itemsCollection = Meteor.subscribe('allInventoryItems'); 
    const loading = !itemsCollection.ready(); 

    return { 
    loading, 
    items: !loading ? InventoryItems.find().fetch() : [] 
    }; 
}, class InventoryItemsListComponent extends Component { 
    render() { 
    let items = this.props.items; 

    /* some render logic */ 

    return /*... react component template ...*/ ; 
    } 
}); 

Проблема, которую я вижу, что

1. Функция контейнера выполняется много раз, таким образом, вызывая Meteor.subscribe больше чем единожды; это хорошо? Будет ли Метеор просто игнорировать последующие подписки?
2. Согласно this tutorial, подписка должна быть остановлена, но документы не упоминают об этом вообще. Это не позаботится об этом, не так ли?

Каков рекомендуемый способ остановки (то есть отказаться от подписки) или решить 2 проблемы, которые я вижу с этой точки?

Действительно ли TrackerRact лучше? (да, я знаю, что это упрямый, но, конечно, здесь есть какая-то форма конвенции с метеорными реакциями!)

Answer 1

1) Контейнерный компонент является реактивным компонентом, поэтому всякий раз, когда документы меняются или добавляются к данный сбор, он будет звонить через ваш контейнер и обновлять DOM.

2) Насколько я знаю, контейнер будет только подписываться на коллекцию через фактический компонент, с которым вы его связываете. Как только вы покинете этот компонент, подписка должна прекратиться.

Если вы хотите отказаться от подписки напрямую, вы можете просто позвонить this.props.items.stop() в ваш метод componentWillUnmount().

Наконец, я должен буду сказать, что использование конкретных реализаций React всегда лучше, чем использование специальных функций Meteor (т.е. всегда лучше использовать переменные состояния над Session with React, так как всегда лучше использовать контейнеры, чем Tracker.autorun () с реактивом и т. д. и т. д.).

Answer 2

О вашей проблеме 2), это, как я решить

1- При подписке на то, хранить эти подписки ссылки и передать их к компоненту.

Здесь пример с двумя подписками, но подписывается только на 1, еще проще.

createContainer((props) =>{ 
    const subscription = Meteor.subscribe('Publication1', props.param1); 
    const subscription2 = Meteor.subscribe('Publication2', props.param1, props.param2); 
    const loading = !(subscription.ready() && subscription2.ready()); 
    const results1 = loading ? undefined : Collection1.find().fetch(); 
    const results2 = loading ? undefined : Collection2.findOne({a:1}); 
    return {subscriptions: [subscription, subscription2], loading, results1, results2}; 
}, MyComp); 

Тогда в моем компоненте:

class MyComp extends Component { 
...... 
    componentWillUnmount() { 
    this.props.subscriptions.forEach((s) =>{ 
     s.stop(); 
    }); 
    } 
.... 
} 

Таким образом, компонент получит в props.subscriptions всех подписок ему необходимо остановиться до размонтирования.

Также вы можете использовать this.props.loading, чтобы узнать, готовы ли подписки (конечно, вы можете иметь 2 разных ready1 и ready2, если это помогает).

Последнее, после подписки, если вы .find(), не забудьте указать .fetch(), иначе результаты не будут реагировать.