Mobx状态树不会在React Native中重新渲染屏幕组件

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）addCounter()中的rootStore是否正确包装为动作？

b）您的counter是否可观察？