如何在模型中存储非mobx状态树类型(类实例)？

Question

我得到：

错误:mobx-状态树期望一个mobx状态树类型作为第一个参数，得到类HubConnection {构造函数(urlOrConnection，options = {}) { options = options got {}；

当尝试这样做时：

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状态树模型中存储mobx状态树类型以外的其他类型，您能以某种方式将它包装成mobx类型吗?或者这实际上不是属于mobx的东西，因此是故意的。

Answer 1

mobx状态树模型只能定义基于MST类型的属性，这是有意的.这是因为这些类型是可快照的、可串行化的、可修补的等等，而像HubConnection这样的东西并不是可以被快照、再水化等等的东西。

可以在MST树中任意存储东西，但不能作为道具存储。相反，您可以使用挥发性态