MOBX可观察到只有在我记录的情况下才会更新

Question

我有一个挂钩，它使用可观察到的映射 - code> conteralstore.connectedDevices。该映射包含值也可观察到的值 - 传感器

当peripheralstore.connectedDevices更改时，挂钩更新了，但是它们自己却没有。

有趣的是，一旦我登录了整个地图，钩子就可以重新租赁，并随着地图值的所有更改

我的自定义钩子：

export default function useSensor(): UseSensorObj {
  const { peripheralStore } = useStore()
  const devices = peripheralStore.connectedDevices
  const isConnected: boolean = !_.isEmpty(devices)

  const value = devices?.values().next()
  //console.log(`log: ${JSON.stringify(devices)}`)
  const batteryLevel = value?.value?.battery

  return { devices, batteryLevel, isConnected }
}

这是我更新地图的方式：

 class PeripheralStore implements IPeripheralStore {

   constructor(...) {
     makeAutoObservable(this, {}, { autoBind: true })
     ...
   }

   private async initSensor(sensor: ISensor) {
     await runInAction(async () => {
       sensor.init()
       this.connectedDevices.set(sensor.peripheral.id, sensor)
     })
   }
 ...
}

这就是如何更新我更新对象的数据：

 class Sensor implements ISensor {
   constructor(...) {
     makeAutoObservable(this, {}, { autoBind: true })
     ...
   }
   this.monitorCharacteristic(...) => {
    runInAction(() => {
      const battery = decodeByteArrival[17]

      if (this.battery !== battery) {
        this.battery = battery
      }
    ...
    })
  }
  ...
}

Answer 1

您可能需要重读文档的这一章 https：https：//mobx.js。 org/peachite-ractivity.html＃理解反应性

mobx对执行跟踪函数时读取的任何现有可观察属性反应。

“读取”是在删除对象的属性，可以通过“点入” it（例如user.name）或使用括号符号（例如user ['name']，todos [3]）或破坏（例如const {name} =用户）。

当您进行JSON.STRINGIFY时，它基本上会读取对象/数组或其他任何属性，因此此挂钩将在任何属性上更改。而且，当您没有JSON.STRINGIFY时，您只读取顶级属性（数组/对象本身），因此钩子仅对该属性更改而不是内部反应。