Как отобразить значение комплексного состояния в devtools для реакционных хуков + mobx? - PullRequest
0 голосов
/ 04 июля 2019

Я использую реагирующие ловушки + моб. Код работает нормально, но не может видеть значение состояния в devtools

, если состояние является простым примитивным значением, devtools может отобразить его, но если нет, devtoolsпросто покажите '{...}'

const countData = {
  v1: 0,
  v2: 0
}

const Counter: React.FC = () => {
  const d = useLocalStore(() => countData)
  const add = useCallback(() => d.v1++, [])
  const add2 = useCallback(() => d.v2++, [])
  return useObserver(() => (<>
    <div>count: {d.v1}</div>
    <div>count2: {d.v2}</div>
    <button onClick={add}>add</button>
    <button onClick={add2}>add2</button>
  </>))
}

В devtools, Hooks.LocalStore.State is '{...}' (не расширяется).Если я удаляю v1 или v2, Hooks.LocalStore.State является фактическим значением состояния (число)

...