如何在模型中存储非mobx-state-tree类型(Class实例)?

时间:2018-01-08 09:38:39

标签: mobx mobx-state-tree

我明白了:

  

错误:[mobx-state-tree]期望首先使用mobx-state-tree类型   参数,获得类HubConnection {       构造函数(urlOrConnection,options = {}){           options = options || {};

尝试这样做时:

import { HubConnection } from '@aspnet/signalr-client';
.model('MyStore', {
  connection: types.optional(HubConnection, new HubConnection('http://localhost:5000/myhub')),
})

我可以在我的React组件的构造函数中声明它,而不是像以前那样

constructor(props){
  super(props);
  this.connection = new HubConnection('http://localhost:5000/myhub');
}

但是所有附加的事件处理程序也需要在组件中定义

componentDidMount(){
  this.connection.on('Someaction', async(res: any) => {});
}

并开始/关闭连接

handleBtnClicked = () => {
  this.connection.start().then(() => self.connection.invoke('Someotheraction'));
}

理想情况下,我认为这属于模型和模型操作,因此react组件仅触发对模型的操作,仅此而已。

有没有办法在mobx-state-tree模型中存储除mobx-state-tree类型之外的其他类型,你能以某种方式将它包装在mobx类型中,或者这实际上不是属于mobx的东西,因此故意。

1 个答案:

答案 0 :(得分:5)

有意的是,mobx-state-tree模型只能定义基于MST的类型的属性。这是因为这些类型是快照,可序列化,可修补等等。虽然HubConnection之类的东西不是可以快照,重新水合等的东西。

可以在MST树中存储任意内容,但不能作为道具。相反,您可以使用volatile state