以下是我目前正在使用的
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
未重新执行。
答案 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;
}
...
}
我不完全理解为什么,但它现在有效。