Mobx状态树无法在react本机中重新呈现屏幕组件

Question

我有以下代码

import React, { FunctionComponent as Component } from "react"
import { observer } from "mobx-react-lite"
import { useStores } from "../models"

export const LoginScreen: Component = observer(function LoginScreen() {
  const rootStore = useStores()
return (
<Screen>
<Text> {rootStore.counter}</Text>
<Button onPress={() => rootStore.addCounter()} />
</Screen>
)
})

但是当我按下组件文本不会更新的按钮时，它只显示刷新/重新启动应用程序后递增的数字。

我怎么才能让它工作？

Answer 1

我还不能发表评论，如果可能的话，我想请你分享一下这个商店的源代码。但我在这里试一试：

a) rootStore中的addCounter()是否正确包装为操作？

b)您的counter可观察到吗？