Tracker.autorun只运行一次

时间:2017-07-19 21:09:57

标签: javascript meteor meteor-tracker

以下是我目前正在使用的

class FooComponent extends Component {

  constructor(...args) {
    super(...args);

    this.state = {
      model: this.getModel()
    };
  }

  componentWillUnmount() {
    this._unmounted = true;
    this._modelComputation && this._modelComputation.stop();
    super.componentWillUnmount && super.componentWillUnmount();
  }

  getModel() {
    const model = {};

    this._modelComputation && this._modelComputation.stop();

    this._modelComputation = Tracker.autorun((computation) => {
      const { id } = this.props;
      const data = id && Collection.findOne(id);

      if (data) {
        Object.assign(model, data);
        !this._unmounted && this.forceUpdate();
      }
    });

    return model;
  }

  ...

}

不幸的是,反应模型不起作用,Tracker.autorun在数据库中更新模型时不执行该功能。从文档中,Collection.findOne应该是被动的,对吗?

我不确定我做错了什么。为什么没有Tracker监控数据库模型?当数据库发生变化时,为什么不重新评估Collection.findOne的函数?

**编辑**

更新数据库时,我确实看到集合更改为meteortoys:allthings,但autorun未重新执行。

1 个答案:

答案 0 :(得分:0)

看看tracker-react如何实现它,我改变了我的代码

class FooComponent extends Component {

  constructor(...args) {
    super(...args);

    this.state = {
      model: this.getModel()
    };
  }

  componentWillUnmount() {
    this._unmounted = true;
    this._modelComputation && this._modelComputation.stop();
    super.componentWillUnmount && super.componentWillUnmount();
  }

  getModel() {
    const model = {};

    this._modelComputation && this._modelComputation.stop();

    this._modelComputation = Tracker.nonreactive(() => {
      return Tracker.autorun((computation) => {
        const { id } = this.props;
        const data = id && Collection.findOne(id);

        if (data) {
          Object.assign(model, data);
          !this._unmounted && this.forceUpdate();
        }
      });
    });

    return model;
  }

  ...

}

我不完全理解为什么,但它现在有效。