react hooks+mobx在devtools里面如何显示复杂数据？

Question

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显示为{...}，如果把v1或v2去掉只保留一个字段，state就显示实际的值（数字），有没有办法让它能正常显示复杂对象的值呢

Answer 1

这个只能等待新版的React-Devtool发布了。目前还在试验阶段，可以在这里点击下载试用